@media (max-width: 900px){.top-actions .user-badge{grid-column:1 / -1!important;justify-self:start!important;width:max-content!important;max-width:100%!important;display:inline-flex!important;align-items:center!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;padding:7px 10px!important;font-size:11px!important;line-height:1.2!important}.top-actions{align-items:center!important}.top-actions .btn{min-height:36px!important}}
@media (max-width: 900px){.auth-locked .login-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:100svh!important;height:auto!important;padding:0!important;overflow:visible!important}.auth-locked .login-brand-panel{position:relative!important;display:block!important;min-height:330px!important;padding:32px 24px 28px!important;overflow:hidden!important}.auth-locked .login-brand-panel:after{display:none!important}.auth-locked .login-brand-orbit{position:absolute!important;top:34px!important;right:24px!important;left:auto!important;width:104px!important;margin:0!important;padding:6px!important;z-index:2!important}.auth-locked .login-kicker{display:block!important;width:calc(100% - 124px)!important}.auth-locked .login-brand-panel h1{max-width:calc(100% - 108px)!important}.auth-locked .login-card{position:relative!important;align-self:stretch!important;justify-self:stretch!important;width:calc(100% - 32px)!important;margin:16px auto 24px!important}}
@media (max-width: 760px){.auth-locked .login-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:100svh!important;height:auto!important;padding:0!important;overflow:visible!important}.auth-locked .login-brand-panel{position:relative!important;display:block!important;min-height:330px!important;padding:32px 24px 28px!important;overflow:hidden!important}.auth-locked .login-brand-panel:after{display:none!important}.auth-locked .login-brand-orbit{position:absolute!important;top:34px!important;right:24px!important;left:auto!important;width:104px!important;margin:0!important;padding:6px!important;z-index:2!important}.auth-locked .login-kicker{display:block!important;width:calc(100% - 124px)!important}.auth-locked .login-brand-panel h1{max-width:calc(100% - 108px)!important}.auth-locked .login-card{position:relative!important;align-self:stretch!important;justify-self:stretch!important;width:calc(100% - 32px)!important;margin:16px auto 24px!important}}
/* Keep dense data views inside their available column on every viewport. */
table{max-width:100%;border-collapse:collapse}
.table-wrap,.sheet-wrap,.invoice-table-wrap{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.table-wrap>table,.sheet-wrap>table{min-width:560px}
.grid2>*,.panel,.modal-card,.payment-form-card,.payment-due-card,.invoice-card{min-width:0}
.panel:has(>table),.card:has(>table),.content-pad:has(>table){overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.panel:has(>table)>table,.card:has(>table)>table,.content-pad:has(>table)>table{min-width:560px}
.modal-card{max-width:calc(100vw - 32px);overflow-x:hidden}
.modal-card:has(table){overflow-x:auto}
.modal-card:has(table)>table{min-width:560px}
@media(max-width:760px){
	.content-pad,.panel,.grid2,.table-wrap,.sheet-wrap,.invoice-table-wrap{max-width:100%;min-width:0}
	.table-wrap>table,.sheet-wrap>table,.modal-card:has(table)>table{min-width:520px}
	.invoice-lines{min-width:560px}
	.modal-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}
}
@media(max-width:760px){
	.top-actions{display:flex!important;flex-wrap:nowrap!important;width:auto!important;max-width:100%;overflow-x:auto;align-items:center;justify-content:flex-start}
	.top-actions>*{width:auto!important;flex:0 0 auto;white-space:nowrap}
	.toolbar,.bills-toolbar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
	.toolbar>.input,.toolbar>.select,.bills-toolbar>.input,.bills-toolbar>.select{width:220px!important;min-width:220px;flex:0 0 220px}
	.toolbar-group{flex:0 0 auto;flex-wrap:nowrap!important}
	.toolbar .btn,.bills-toolbar .btn{flex:0 0 auto;white-space:nowrap}
	.actions,.section-heading,.table-head{flex-wrap:nowrap!important;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
	.actions .btn,.section-heading .btn,.table-head .btn{flex:0 0 auto;white-space:nowrap}
	.section-heading>div:first-child,.table-head>div:first-child{min-width:0;flex:1 1 auto;white-space:normal}
}
@media(max-width:760px){.party-bill-group{width:100%;max-width:100%;overflow:hidden}.party-bill-body{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.party-bill-body .customer-bill-table{width:max-content;min-width:620px;max-width:none;margin:0}.party-bill-body .customer-bill-table th,.party-bill-body .customer-bill-table td{white-space:nowrap}.customer-bill-header{max-width:100%;min-width:0;overflow:hidden}.customer-bill-main{min-width:0}.customer-bill-metrics{min-width:0;max-width:100%;overflow-x:auto;flex-wrap:nowrap}}
 .payment-due-sort{min-width:180px}.payment-date-group{border:1px solid #e7ebf0;border-radius:10px;background:#fff;overflow:hidden}.payment-date-group+ .payment-date-group{margin-top:8px}.payment-date-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f8fafc;color:#374151;font-weight:700;cursor:pointer;list-style:none}.payment-date-group summary::-webkit-details-marker{display:none}.payment-date-group summary:before{content:'+';width:18px;color:#64748b;font-size:17px}.payment-date-group[open] summary:before{content:'−'}.payment-date-group summary span{margin-right:auto}.payment-date-group summary small{color:#6b7280;font-size:11px;font-weight:600}.payment-date-bills{display:flex;flex-direction:column;gap:8px;padding:8px}.payment-date-bills .payment-bill-row{margin:0}
@media(max-width:760px){.payment-due-sort{width:100%;min-width:0}.payment-date-group summary{padding:9px 10px}.payment-date-bills{padding:6px}.payment-date-bills .payment-bill-row{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:8px;font-size:11px}}
.directory-sort{min-width:170px;margin-left:auto}
@media(max-width:760px){.directory-sort{width:100%;min-width:170px;margin-left:0;flex:0 0 170px}}
.sort-control,.sort-group .select,#paymentDueSort,.directory-sort{width:180px;min-width:180px;height:40px;flex:0 0 180px;margin-left:0}
.sort-control,.sort-group .select,#paymentDueSort,.directory-sort{box-sizing:border-box;padding:10px 12px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#343a43;font:600 13px/18px Inter,Segoe UI,Arial,sans-serif}
.toolbar>.sort-control,.bills-toolbar>.sort-group>.sort-control{width:180px!important;min-width:180px!important;height:40px;flex:0 0 180px;padding:10px 12px}
.table thead th:has(.table-sort-button){padding:6px 8px;vertical-align:middle}.table-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:82px;padding:5px 6px;border:0;border-radius:5px;background:transparent;color:#374151;font:700 12px/16px Inter,Segoe UI,Arial,sans-serif;cursor:pointer;white-space:nowrap;text-align:left}.table-sort-button:hover,.table-sort-button.active{background:#f1eee8;color:#a27736}.table-sort-button span{display:inline-flex;align-items:center;justify-content:center;width:12px;font-size:11px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f6f8;color:#20242b}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#11151b;color:#dce1e8;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:20px 14px}.brand{display:flex;gap:10px;align-items:center;padding:6px 10px 24px}.brand-mark{width:42px;height:42px;border:1px solid #caa45d;border-radius:10px;display:grid;place-items:center;color:#d9b46d;font-weight:800}.brand b{display:block;letter-spacing:1.5px}.brand small{color:#9ca4af;letter-spacing:3px}.nav{display:block;width:100%;text-align:left;background:transparent;border:0;color:#aeb6c1;padding:12px 13px;border-radius:9px;margin:2px 0;font-size:14px;cursor:pointer}.nav:hover,.nav.active{background:#242a33;color:#fff}.side-foot{margin-top:auto;font-size:11px;color:#707986;padding:10px}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:74px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1{font-size:21px;margin:0}.topbar span{font-size:12px;color:#89919d}.topbar>div{display:flex;gap:12px;align-items:center}.icon{border:0;background:none;font-size:22px;cursor:pointer}.top-actions{display:flex;gap:8px}.btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}.primary{background:#b58a42;color:#fff}.secondary{background:#eef0f3;color:#343a43}.danger{background:#fee2e2;color:#a21d2b}.success{background:#dff6e8;color:#146c3a}.content-pad{padding:25px 28px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:14px}.card{background:#fff;border:1px solid #e7e9ed;border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:156px;box-shadow:0 6px 18px rgba(15,23,42,.02)}.metric{font-size:27px;font-weight:750;margin:10px 0 8px;letter-spacing:-.04em}.card .muted{display:block;line-height:1.4}.muted{color:#7b8490;font-size:12px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.table-wrap{background:#fff;border:1px solid #e7e9ed;border-radius:12px;overflow:auto}.table-head{padding:15px 17px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.table th{color:#727a85;background:#fafafa;font-size:11px;text-transform:uppercase}.pill{padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700}.pill.green{background:#e2f6e9;color:#15703c}.pill.red{background:#fde5e6;color:#a11d2a}.pill.gold{background:#fff2d8;color:#8a5b00}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.input,.select,textarea{width:100%;border:1px solid #dfe3e8;border-radius:8px;padding:10px;background:#fff;font:inherit}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;font-size:11px;color:#69727e;margin-bottom:5px;font-weight:700}.field.full{grid-column:1/-1}.panel{background:#fff;border:1px solid #e7e9ed;border-radius:12px;padding:18px;margin-bottom:16px}.panel h3{margin:0 0 14px}.invoice-lines{width:100%;border-collapse:collapse}.invoice-lines th,.invoice-lines td{padding:7px;border-bottom:1px solid #eee}.invoice-lines input,.invoice-lines select{padding:8px;width:100%;border:1px solid #ddd;border-radius:6px}.invoice-total{text-align:right;font-size:18px;font-weight:800;margin-top:15px}.actions{display:flex;gap:6px;justify-content:flex-end}.search{max-width:280px}.empty{text-align:center;padding:35px;color:#8a929d}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:30}.hidden{display:none}.modal-card{background:#fff;border-radius:12px;width:min(720px,92vw);max-height:90vh;overflow:auto;padding:22px}.toast{position:fixed;right:25px;bottom:25px;background:#161a20;color:#fff;padding:12px 16px;border-radius:8px;display:none;z-index:50}.invoice-preview{background:#fff;border:1px solid #ddd;padding:30px;max-width:850px;margin:auto}.invoice-head{display:flex;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:15px;margin-bottom:15px}.right{text-align:right}.totals{margin-left:auto;width:300px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}@media(max-width:950px){.sidebar{width:70px}.brand div:not(.brand-mark),.nav{font-size:0}.nav{text-align:center}.main{margin-left:70px;width:calc(100% - 70px)}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.form-grid{grid-template-columns:1fr}.top-actions .secondary{display:none}.topbar{padding:0 14px}.content-pad{padding:15px}.sidebar{display:none}.main{margin:0;width:100%}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.invoice-preview{border:0;max-width:none}.content-pad{padding:0}}
.payment-shell{margin-top:18px}.payment-form-card{background:#fff;border:1px solid #e7e9ed;border-radius:18px;padding:22px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.payment-layout{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;margin-top:18px}.payment-panel{background:#f8fafc;border:1px solid #e7e9ed;border-radius:14px;padding:18px}.payment-panel-right{background:#fff;display:flex;flex-direction:column}.payment-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.payment-panel-head h4{margin:0;font-size:16px}.payment-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700}.payment-customer-list{display:flex;flex-direction:column;gap:12px}.payment-customer-card{background:#fff;border:1px solid #e7e9ed;border-radius:12px;padding:12px;box-shadow:0 4px 12px rgba(15,23,42,.02)}.payment-customer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eef2f7}.payment-customer-toggle{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.payment-customer-toggle span{display:flex;flex-direction:column;gap:3px}.payment-customer-toggle strong{font-size:14px}.payment-customer-toggle small{color:#6b7280}.payment-customer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#6b7280;font-size:12px}.payment-customer-meta strong{font-size:18px;color:#111827}.payment-bill-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.payment-bill-row{display:grid;grid-template-columns:1.1fr .7fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #edf2f7;color:#374151;font-size:13px}.payment-bill-row input{margin:0}.payment-bill-row strong{justify-self:end;color:#111827}.payment-form-grid{display:grid;grid-template-columns:1fr;gap:12px}.payment-summary-box{margin-top:16px;padding:14px;border:1px solid #e7e9ed;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.payment-total-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#374151}.payment-total-row strong{font-size:18px;color:#111827}.payment-actions{margin-top:auto;display:flex;gap:10px;justify-content:flex-end;padding-top:14px}.@media (max-width:900px){.payment-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.cards{grid-template-columns:1fr}.dashboard-pills{grid-template-columns:1fr}.payment-bill-row{grid-template-columns:1fr auto}.payment-bill-row strong{justify-self:start}}.dash-brand{display:flex;align-items:center;gap:18px;padding:18px 20px;background:#fff;border:1px solid #e7e9ed;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.03)}.dash-brand img{width:82px;height:82px;object-fit:contain}.dash-brand h2{margin:0;font-size:28px;line-height:1.2}.dash-brand .muted{margin-top:4px}.size-pills{display:flex;align-items:stretch;gap:8px;width:100%;margin-top:14px;padding:12px 14px;background:#fff;border:1px solid #e7e9ed;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.02)}.size-pills .pill{flex:1 1 0;min-width:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 8px;border-radius:10px;font-size:11.5px;line-height:1.2}.pill.green{background:#dcfce7;font-weight:800;color:#146c3a!important}.pill.red{background:#fee2e2;font-weight:800;color:#a21d2b!important}.size-select-group{border:1px solid #e7e9ed;border-radius:8px;padding:12px;margin:10px 0}.size-select-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.size-select-options label{background:#f5f6f8;border-radius:6px;padding:8px 10px;font-size:13px;cursor:pointer}.product-size-editor{margin-top:16px}.product-size-header,.product-size-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 42px;gap:8px;align-items:center}.product-size-header{padding:0 8px 6px;color:#727a85;font-size:11px;text-transform:uppercase}.product-size-row{margin-bottom:8px}.walkin-box{display:flex;flex-direction:column;justify-content:center}.walkin-box label{font-size:13px!important}.bulk-sheet input,.bulk-sheet select{min-width:120px}.bulk-sheet td{padding:7px}.bulk-sheet th{position:sticky;top:0;z-index:1}.modal-card:has(.bulk-sheet){width:min(1180px,96vw)}.dashboard-pills{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0 12px}.dashboard-pill{background:#fff;border:1px solid #e7e9ed;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;min-height:90px;box-shadow:0 4px 12px rgba(15,23,42,.02)}.dashboard-pill .label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7b8490;margin-bottom:8px}.dashboard-pill .value{font-size:22px;font-weight:800;letter-spacing:-.04em;color:#111827}.dashboard-size-panel{margin:0 0 18px;padding:14px 16px;background:#fff;border:1px solid #e7e9ed;border-radius:12px}.dashboard-size-panel .panel-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7b8490;margin-bottom:10px}.bills-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 14px;border:1px solid #e7e9ed;border-radius:12px;background:#fff}.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort-group{min-width:180px}.search-group{flex:1 1 260px;min-width:220px}.actions-group{flex:1 1 auto;justify-content:flex-end}.sort-group label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7b8490;margin-bottom:4px}.sort-group .select,.search-group .input{width:100%}.search-group .input{min-width:180px}.toolbar-group .btn{white-space:nowrap}.party-bill-list{display:flex;flex-direction:column;gap:12px}.party-bill-group{border:1px solid #e7e9ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.03)}.customer-bill-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:1px solid transparent}.party-bill-group.is-collapsed .customer-bill-header{border-bottom-color:transparent}.customer-bill-main{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.customer-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f1d9a8,#c9953e);display:grid;place-items:center;color:#3f2b0a;font-weight:800;font-size:14px}.customer-title-block{min-width:0}.customer-title-block h4{margin:0;font-size:16px;line-height:1.3}.customer-title-block small{display:block;color:#7b8490;margin-top:4px;font-size:12px}.customer-bill-metrics{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.summary-box{min-width:96px;padding:8px 10px;border-radius:10px;background:#f3f4f6;border:1px solid #e5e7eb;text-align:center}.summary-box span{display:block;font-size:10px;color:#6b7280;letter-spacing:.04em;text-transform:uppercase}.summary-box strong{display:block;font-size:13px;color:#111827;margin-top:2px}.summary-box.ok{background:#ecfdf5;border-color:#bbf7d0}.summary-box.ok strong{color:#166534}.summary-box.due{background:#fef2f2;border-color:#fecaca}.summary-box.due strong{color:#991b1b}.party-bill-body{padding:0 16px 16px}.party-bill-group.is-collapsed .party-bill-body{display:none}.collapse-toggle{padding:8px 10px;font-size:12px;white-space:nowrap}.@media(min-width:951px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.bills-toolbar{display:flex;flex-direction:column;align-items:stretch}.search-group,.actions-group,.sort-group{width:100%;flex-basis:100%}.actions-group{justify-content:flex-start}.sort-group{justify-content:flex-end;margin-top:4px}}@media(max-width:700px){.customer-bill-header{flex-wrap:wrap}.customer-bill-metrics{width:100%;justify-content:flex-start}.collapse-toggle{margin-left:auto}}@media(max-width:600px){.product-size-header,.product-size-row{grid-template-columns:1fr 1fr 1fr 36px}.product-size-header{font-size:9px}}