:root{--ink:#252a31;--muted:#747b84;--line:#e3e5e8;--paper:#f5f6f7;--purple:#454c56;--deep:#252a31}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,system-ui,sans-serif;font-size:14px}.brand strong,.topbar h2,.welcome h1,.metric>strong,.section-head h3,.cart-box h4,.auth-card h1{font-family:Arial,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:2;background:#fff;flex-direction:column;width:246px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 37px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#707983,#414851);border-radius:12px;place-items:center;width:38px;height:38px;font:800 22px Arial;display:grid;box-shadow:0 7px 18px #454c5633}.brand strong{letter-spacing:-.5px;font-size:16px;font-weight:800;display:block}.brand small{letter-spacing:1.5px;color:#a2a1b1;margin-top:2px;font-size:9px;display:block}.side-label,.eyebrow{letter-spacing:1.35px;color:#9b9bad;font-size:9px;font-weight:700}.side-label{padding:0 11px 12px}nav{gap:5px;display:grid}nav button{text-align:left;color:#77778c;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px;font-size:13px;font-weight:600;display:flex}nav button.active{color:#414851;background:#eceef0}nav button:hover{background:#f4f5f6}.nav-icon{text-align:center;width:20px;font-size:17px}.side-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:18px 2px 0;display:flex}.avatar{color:#414851;background:#e8eaed;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.user-meta{flex:1;min-width:0}.user-meta strong,.user-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-meta strong{font-size:12px}.user-meta small{color:var(--muted);margin-top:3px;font-size:10px}.logout{color:#888;background:0 0;font-size:18px}.main{max-width:1700px;margin-left:246px;padding:0 42px}.topbar{border-bottom:1px solid #eae9f0;justify-content:space-between;align-items:center;min-height:92px;display:flex}.topbar h2{letter-spacing:-.5px;margin:5px 0 0;font-size:19px;font-weight:700}.top-actions{align-items:center;gap:20px;display:flex}.company-label{letter-spacing:1px;color:#9999a9;gap:5px;font-size:9px;font-weight:700;display:grid}.company-label select{color:#353448;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.date-chip{border:1px solid var(--line);color:#717187;background:#fff;border-radius:8px;padding:9px 12px;font-size:11px}.welcome{justify-content:space-between;align-items:center;padding:31px 0 22px;display:flex}.welcome h1{letter-spacing:-1px;margin:6px 0;font-size:26px;font-weight:800}.welcome h1 span{color:#f6b944;font-size:17px}.welcome p{color:var(--muted);margin:0;font-size:12px}.welcome-icon{color:#515a66;background:#e9ebed;border-radius:14px;place-items:center;width:47px;height:47px;font-size:22px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.card{background:#fff;border:1px solid #e3e5e8;border-radius:12px;box-shadow:0 3px 12px #30225905}.metric{justify-items:start;padding:18px 18px 15px;display:grid;position:relative}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:16px;right:16px}.metric-icon.purple{color:#515a66;background:#e9ebed}.metric-icon.blue{color:#4a9bea;background:#eaf4ff}.metric-icon.orange{color:#eb9944;background:#fff2e7}.metric-icon.green{color:#40ae76;background:#e9f8f0}.metric>span{letter-spacing:.8px;color:#9695a7;font-size:9px;font-weight:700}.metric>strong{letter-spacing:-.8px;margin:13px 0 9px;font-size:22px;font-weight:800}.metric>small{color:#9898a8;font-size:9px}.metric>small i,.live-pill i{background:#45bf7e;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.panel-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-top:17px;display:grid}.chart-card,.quick-card{padding:20px}.section-head{justify-content:space-between;align-items:start;display:flex}.section-head h3{margin:0 0 5px;font-size:14px;font-weight:700}.section-head p{color:var(--muted);margin:0;font-size:10px}.live-pill{letter-spacing:.8px;color:#77768a;font-size:8px;font-weight:700}.summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0 16px;display:grid}.summary>div{border:1px solid #f0eff4;border-radius:8px;gap:8px;padding:12px;display:grid}.summary span{color:#9291a2;font-size:9px}.summary strong{font-size:17px;font-weight:700}.summary strong.warning{color:#ef9b42}.empty-chart{background:linear-gradient(#f8f9fa,#fff);border-radius:8px;flex-direction:column;justify-content:end;height:130px;padding:12px 13px;display:flex}.bars{border-bottom:1px solid #e9e7f2;align-items:end;gap:8px;height:85px;display:flex}.bars i{opacity:.85;background:linear-gradient(#858c94,#d5d8dc);border-radius:4px 4px 0 0;flex:1}.bars i:nth-child(3n){background:linear-gradient(#aeb4bb,#e3e5e8)}.chart-labels{color:#a1a0ae;justify-content:space-between;padding-top:8px;font-size:8px;display:flex}.quick-link{text-align:left;color:#39384d;background:#fff;border-bottom:1px solid #f1f0f5;align-items:center;gap:11px;width:100%;padding:14px 2px;display:flex}.quick-link:first-of-type{margin-top:10px}.quick-link>span{color:#515a66;background:#eceef0;border-radius:8px;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.quick-link strong{flex:1;font-size:11px}.quick-link b{color:#aaa;font-size:19px;font-weight:400}footer{color:#aaa9b7;letter-spacing:.5px;padding:30px 0;font-size:9px}footer span{color:#cbc9d4;padding:0 7px}.content-card{min-height:220px;margin-top:26px;padding:22px}.inline-form{flex-wrap:wrap;gap:8px;margin:21px 0;display:flex}.inline-form input,.inline-form select,.stack input,.sale-grid input,.sale-grid select,.user-fields input{background:#fff;border:1px solid #e8e7ef;border-radius:7px;outline:none;flex:1;min-width:130px;padding:10px 11px}.inline-form input:focus,input:focus,select:focus{border-color:#9285f4}.inline-form button,.stack button,.sale-grid button,.user-form>button{color:#fff;background:#454c56;border-radius:7px;padding:10px 14px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.7px;color:#9998a9;border-bottom:1px solid var(--line);padding:12px;font-size:9px}td{border-bottom:1px solid #f4f3f7;padding:13px 12px;font-size:12px}tr:last-child td{border-bottom:0}.secondary{color:#414851;background:#eceef0;border-radius:7px;padding:9px 12px;font-weight:600}.sale-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;display:grid}.sale-grid label,.stack label{color:#6f6e83;gap:7px;font-size:11px;font-weight:600;display:grid}.sale-grid select{width:100%;margin-top:6px}.sale-controls{align-items:end;gap:9px;margin-top:16px;display:flex}.sale-controls label{flex:1}.sale-controls input{width:100%;margin-top:6px}.cart-box{background:#faf9fe;border:1px solid #eeecf6;border-radius:10px;padding:16px}.cart-box h4{margin:0 0 15px;font-size:13px;font-weight:700}.cart-box p{color:#747387;justify-content:space-between;font-size:11px;display:flex}.cart-box button{width:100%;margin-top:15px}.cart-box small{color:#6b5ade;margin-top:10px;display:block}.auth{background:radial-gradient(at 12% 20%,#e7e9ec 0,#0000 36%),radial-gradient(at 85% 80%,#f0f2f4 0,#0000 35%),#f8f8fc;place-items:center;min-height:100vh;display:grid}.auth-card{width:min(420px,100vw - 32px);padding:34px}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{letter-spacing:-.8px;margin:7px 0;font-size:23px;font-weight:800}.muted{color:#9291a2;margin:0 0 24px;font-size:12px}.stack{gap:15px;display:grid}.stack input{width:100%;margin-top:1px}.stack button{padding:12px}.hint{color:#a09fad;margin-top:18px;font-size:10px;line-height:1.6}.error{color:#c84c4c;font-size:11px}.alert{color:#ab403c;background:#fff1f0;border:1px solid #f5d6d4;border-radius:8px;margin:16px 0 0;padding:11px 13px;font-size:12px}.alert button{float:right;color:inherit;background:0 0}.user-form{gap:7px;display:grid}.user-form h4{color:#6f6e83;margin:10px 0 2px;font-size:11px}.user-fields{flex-wrap:wrap;gap:8px;display:flex}.checks{flex-wrap:wrap;gap:15px;display:flex}.checks label{color:#747387;align-items:center;gap:5px;font-size:11px;display:flex}.cell-sub{color:#9291a2;margin-top:4px;font-size:10px;display:block}@media (max-width:1050px){.main{padding:0 24px}.metrics{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media (max-width:680px){.sidebar{width:62px;padding:16px 8px}.brand{padding:0 3px 24px}.brand>div:nth-child(2),.side-label,nav button:not(.active),nav button.active{font-size:0}.brand-mark{width:39px;min-width:39px}.sidebar nav button{justify-content:center;padding:12px 9px}.nav-icon{font-size:17px}.side-bottom{flex-wrap:wrap;justify-content:center}.user-meta,.logout{display:none}.main{margin-left:62px;padding:0 14px}.topbar{min-height:78px}.top-actions{gap:6px}.date-chip{display:none}.company-label select{max-width:130px}.welcome{padding:23px 0 15px}.welcome h1{font-size:22px}.metrics{gap:9px}.metric{padding:14px 12px}.metric>strong{font-size:18px}.metric-icon{width:26px;height:26px;top:10px;right:10px}.metric>span{font-size:8px}.panel-grid{gap:10px}.chart-card,.quick-card{padding:15px}.summary{gap:6px}.summary>div{padding:9px}.summary span{font-size:8px}.summary strong{font-size:14px}.sale-grid{grid-template-columns:1fr}.inline-form>*{width:100%}.content-card{padding:15px}.section-head h3{font-size:13px}}:root{--line:#dfe2e5;--paper:#f4f5f6;--ink:#252a31;--muted:#747b84;--purple:#4d5660;--deep:#252a31}textarea{font:inherit;resize:vertical;border:1px solid var(--line);min-width:180px;min-height:70px;color:var(--ink);background:#fff;border-radius:7px;padding:10px}.sale-entry,.payment-box{gap:13px;display:grid}.sale-controls button{min-height:40px}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,1fr) 78px auto auto;align-items:center;gap:10px;padding:10px 0;display:grid}.cart-line>div{gap:4px;display:grid}.cart-line small,.installment-row small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.cart-line input{width:100%;max-width:78px}.cart-line button{width:auto;margin:0;padding:8px 10px}.payment-box>label input,.payment-box>label select{width:100%;margin-top:5px}.sale-totals{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 13px}.sale-totals p,.sale-totals label{justify-content:space-between;align-items:center;margin:7px 0;display:flex}.discount-input{gap:4px;display:flex}.discount-input input{width:90px}.discount-input select{width:66px}.installments{border:1px solid var(--line);border-radius:8px;gap:10px;padding:12px;display:grid}.installments label{gap:5px;display:grid}.installments small{color:var(--muted);line-height:1.5}.history-filters{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.history-filters>*{flex:1;min-width:120px}.history-filters label{color:var(--muted);gap:5px;font-size:11px;display:grid}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f5f6f7}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;margin-top:14px;font-size:11px;display:flex}.modal-backdrop{z-index:20;background:#1f252c66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sale-receipt{background:#fff;width:min(850px,100%);max-height:90vh;padding:24px;overflow:auto}.receipt-actions{gap:9px;margin:18px 0;display:flex}.receivable-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.receivable-metrics>div{border:1px solid var(--line);background:#fff;border-radius:9px;gap:7px;padding:14px;display:grid}.receivable-metrics span{color:var(--muted);font-size:10px}.receivable-metrics strong{font-size:18px}.installment-card{border:1px solid var(--line);background:#fff;border-radius:9px;margin-top:9px;padding:12px}.installment-card summary{cursor:pointer;color:var(--ink);font-weight:600}.installment-list{gap:9px;margin-top:12px;display:grid}.installment-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(250px,2fr);gap:12px;padding:12px 0;display:grid}.receive-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.receive-form>*{flex:1;min-width:95px}.customer-history{background:#f7f8f9;border-radius:7px;padding:10px}.permission-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin:10px 0;display:grid}.permission-grid fieldset{border:1px solid var(--line);border-radius:8px;gap:8px;display:grid}.permission-grid label{color:#555d65;align-items:center;gap:7px;font-size:11px;display:flex}.product-edit-form{border:1px solid var(--line);border-radius:9px;margin:14px 0;padding:14px}.no-print{justify-content:space-between;align-items:center;display:flex}@media (max-width:760px){.cart-line{grid-template-columns:minmax(100px,1fr) 70px auto}.cart-line button{grid-column:1/-1}.installment-row{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.history-filters>*{min-width:calc(50% - 8px)}.pager{flex-wrap:wrap}.sale-receipt{padding:14px}.receivable-metrics{grid-template-columns:1fr}.table-wrap{overflow-x:auto}}@media print{body *{visibility:hidden!important}.sale-receipt,.sale-receipt *{visibility:visible!important}.modal-backdrop{background:#fff;padding:0;display:block;position:absolute;inset:0}.sale-receipt{width:100%;max-height:none;box-shadow:none;border:0;overflow:visible}.no-print,.receipt-actions{display:none!important}}@media (max-width:680px){.sale-controls{flex-wrap:wrap;align-items:stretch}.sale-controls label{flex:120px;min-width:0}.sale-controls button{flex:1 0 100%;width:100%}.sidebar .logout{place-items:center;width:36px;height:36px;margin:6px auto 0;display:grid}}.sidebar nav{scrollbar-width:thin;scrollbar-color:#c8ccd1 transparent;flex:1;align-content:start;min-height:0;overflow:hidden auto}.nav-group{flex-direction:column;gap:3px;min-width:0;display:flex}.nav-group-label{color:#9298a0;letter-spacing:.8px;padding:10px 10px 4px;font-size:9px;font-weight:700}.product-row-actions{flex-wrap:wrap;gap:6px;display:flex}.danger-secondary{color:#a34a45;background:#f7eceb;border-radius:7px;padding:8px 10px;font-weight:600}.private-finance-note{color:var(--muted);background:#f5f6f7;border-radius:8px;padding:12px;font-size:11px}.personal-account-filters{margin:14px 0}.receipt-actions{flex-wrap:wrap}@media (max-width:680px){.nav-group-label{padding:3px 0;font-size:0}.nav-group{gap:2px}.product-row-actions>*{flex:auto}.receipt-actions>*{flex:100%}.personal-account-form .user-fields{grid-template-columns:minmax(0,1fr);display:grid}}.metric-button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.metric-button:hover{border-color:#b9bec4;transform:translateY(-2px);box-shadow:0 8px 20px #252a3112}.metric-button:focus-visible,.summary-item:focus-visible,.quick-link:focus-visible,.sales-bar:focus-visible{outline-offset:3px;outline:3px solid #77818c}.metric-button>small{align-items:center;gap:5px;display:flex}.metric-button>small b,.summary-item>b{color:#818892;margin-left:auto;font-size:17px;font-weight:500}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-metrics .metric{min-height:142px}.dashboard-finance{margin-top:14px}.panel-grid{align-items:start}.summary-item{text-align:left;width:100%;min-width:0;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e4e6e8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid;position:relative}.summary-item:hover{background:#f8f9fa;border-color:#c4c9ce}.summary-item span{color:var(--muted);font-size:11px}.summary-item strong{font-size:18px}.summary-item>b{grid-area:1/2/span 2}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-chart{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.chart-controls{align-items:center;gap:12px}.chart-selectors{gap:8px;display:flex}.chart-selectors label,.location-filter{color:var(--muted);gap:4px;font-size:10px;display:grid}.chart-selectors select,.location-filter select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px}.chart-scroll{padding:12px 2px 0;overflow-x:auto}.sales-bars{border-bottom:1px solid var(--line);grid-auto-columns:minmax(34px,1fr);grid-auto-flow:column;align-items:end;gap:5px;min-width:480px;height:166px;padding:0 3px;display:grid}.sales-bars.month-view{grid-auto-columns:minmax(18px,1fr);gap:3px;min-width:740px}.sales-bar{min-width:0;height:100%;color:var(--muted);background:0 0;flex-direction:column;justify-content:end;align-items:center;gap:5px;padding:0 1px;display:flex}.sales-bar>i{background:linear-gradient(#68727d,#b8bec4);border-radius:4px 4px 0 0;width:min(70%,28px);min-height:2px;transition:filter .15s}.sales-bar:hover>i{filter:brightness(.88)}.sales-bar small{white-space:nowrap;font-size:9px}.bar-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink);font-size:8px;overflow:hidden}.chart-empty{color:var(--muted);padding:22px 0;font-size:12px}.stock-actions{flex-wrap:wrap;gap:7px;display:flex}.location-filter{width:min(240px,100%);margin:16px 0}.sale-grid{grid-auto-rows:max-content;align-content:start;align-items:start;gap:20px}.sale-entry,.payment-box{grid-auto-rows:max-content;align-content:start;align-self:start;min-width:0}.sale-entry{gap:13px}.sale-entry>label{align-self:start}.sale-entry>.cart-box{margin-top:3px}.payment-box{gap:11px}.payment-box>button{width:auto;min-height:42px;margin-top:3px}.payment-box>label,.payment-box>label input{min-width:0}.cart-line>strong{white-space:nowrap}.cart-line button{white-space:nowrap;width:auto}.cart-box>button.secondary{width:auto;margin-top:8px;padding:7px 10px;font-size:11px}.sale-controls{align-items:end}.sale-controls label{min-width:100px}.sale-controls button{white-space:nowrap}.quick-link:hover{background:#f8f9fa}.quick-link b{margin-left:auto}.intent-banner{color:#515963;background:#f8f9fa;border:1px solid #dfe2e5;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;padding:10px 12px;font-size:12px;display:flex}.intent-banner-actions{flex-wrap:wrap;gap:7px;display:flex}.receipt-row small{color:var(--muted);margin-top:3px;display:block}.sale-feedback{color:#39414a;background:#f3f5f6;border-radius:8px;padding:10px 12px;font-size:12px}.sale-feedback.error{color:#ab403c;background:#fff1f0}.sale-feedback.success{color:#277248;background:#eef8f1}.stock-available{color:#515963;font-size:12px}.stock-available strong{color:var(--ink)}.sale-inline-error{color:#ad403d;margin:0;font-size:11px}.sale-success-actions{flex-wrap:wrap;gap:8px;display:flex}.sale-cart-actions{justify-content:flex-end;display:flex}.product-pagination{margin-top:12px}.sale-print-only{display:none}.settlement-preview{color:#3d4650;background:#f0f2f3;border-radius:7px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.sale-entry select,.sale-entry input,.payment-box input,.payment-box select{min-width:0}@media (max-width:1050px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.cart-line{grid-template-columns:minmax(100px,1fr) 62px minmax(68px,auto) auto;gap:6px}}@media (max-width:850px){.sidebar{width:62px;padding:16px 8px}.brand{padding:0 3px 24px}.brand>div:nth-child(2),.side-label,nav button:not(.active),nav button.active{font-size:0}.brand-mark{width:39px;min-width:39px}.sidebar nav button{justify-content:center;padding:12px 9px}.nav-icon{font-size:17px}.side-bottom{flex-wrap:wrap;justify-content:center}.user-meta{display:none}.logout{place-items:center;width:36px;height:36px;margin:6px auto 0;display:grid}.main{margin-left:62px;padding:0 14px}.sale-grid{grid-template-columns:minmax(0,1fr)}.sale-entry,.payment-box{width:100%}}@media (max-width:760px){.sale-grid{grid-template-columns:minmax(0,1fr)}.sale-entry,.payment-box{width:100%}.cart-line{grid-template-columns:minmax(90px,1fr) 64px auto auto}.payment-box>button{width:100%}.chart-controls{flex-direction:column;align-items:flex-start}.stock-actions{width:100%}}@media (max-width:480px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dashboard-metrics .metric{min-height:128px;padding:12px 10px}.dashboard-metrics .metric>strong{font-size:17px}.dashboard-metrics .metric>span{font-size:8px}.metric-button>small{font-size:9px}.summary{grid-template-columns:1fr}.cart-line{grid-template-columns:minmax(0,1fr) 58px auto;gap:6px}.cart-line button{grid-column:1/-1;justify-self:end}.cart-line>strong{font-size:12px}.sale-controls{gap:7px}.sale-controls label{flex:100px}.chart-selectors{width:100%}.intent-banner{flex-direction:column;align-items:flex-start}.stock-actions>*{flex:1}.sales-bars{min-width:460px}}@media print{body *{visibility:hidden!important}.sale-print-only,.sale-print-only *{visibility:visible!important}.sale-print-only{color:#222;background:#fff;font:14pt Arial;position:absolute;inset:20mm;display:block!important}.sale-print-only h2{margin:0 0 18px}.sale-print-only p{margin:10px 0}.sale-print-only small{margin-top:24px;display:block}}.users-editor{scroll-margin-top:20px}.user-identity-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end}.user-identity-fields label,.profile-picker,.password-reset label{color:#555d66;gap:6px;font-size:12px;font-weight:600;display:grid}.user-identity-fields small{color:var(--muted);font-size:10px;font-weight:400}.user-active-toggle{align-items:center;gap:8px;padding:10px 0;display:flex!important}.user-active-toggle input{width:auto}.company-checks{margin-bottom:18px}.membership-permissions{min-width:0}.profile-picker{max-width:320px}.profile-help{margin:8px 0 14px;line-height:1.5}.password-reset{border:1px solid var(--line);background:#fafbfc;border-radius:12px;margin:14px 0;padding:16px}.password-reset>p{color:var(--muted);margin:0 0 12px;font-size:11px}.user-form-actions,.user-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.persistent-status{z-index:1;border:1px solid #d9e8de;position:sticky;top:8px;box-shadow:0 3px 14px #27332a0d}.personal-performance-head{overflow:hidden}.personal-filters{flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0;display:flex}.personal-filters label,.personal-chart .section-head label,.content-card>.section-head>label{color:#606771;gap:5px;font-size:11px;font-weight:600;display:grid}.personal-filters select,.personal-filters input,.personal-chart select,.content-card>.section-head select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:7px 9px}.last-updated{color:var(--muted);margin-left:auto;font-size:11px}.personal-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.personal-metric{text-align:left;border:1px solid var(--line);min-width:0;min-height:126px;color:var(--ink);background:#fff;border-radius:14px;align-content:start;gap:8px;padding:16px;display:grid;box-shadow:0 7px 22px #1e25300a}.personal-metric:hover,.personal-metric:focus-visible{border-color:#aeb5bd;transform:translateY(-1px)}.personal-metric>span{color:#69717a;font-size:11px;font-weight:650;line-height:1.4}.personal-metric>strong{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px)}.personal-metric>small{color:var(--muted);font-size:10px;line-height:1.4}.personal-metric.featured{background:#f0f2f4;border-color:#d8dce0}.personal-metric.reversed{background:#fbf8f8}.personal-chart{border:1px solid var(--line);border-radius:14px;padding:18px}.personal-chart .section-head{margin-bottom:8px}.personal-chart .section-head h4{margin:0 0 4px}.chart-legend{color:var(--muted);gap:15px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-sales,.legend-commission{background:#59616b;border-radius:3px;width:9px;height:9px;display:inline-block}.legend-commission{background:#a4aab1}.personal-chart-bars{border-bottom:1px solid var(--line);align-items:stretch;gap:5px;min-height:150px;margin-top:12px;padding:10px 2px 0;display:flex;overflow-x:auto}.personal-chart-day{text-align:center;flex:1 0 20px;grid-template-rows:1fr 17px;min-width:14px;display:grid}.personal-bars{justify-content:center;align-items:end;gap:2px;height:120px;display:flex}.personal-bars i{border-radius:4px 4px 0 0;width:35%;min-width:3px;max-width:12px}.personal-chart-day small{color:var(--muted);padding-top:3px;font-size:8px}.personal-table-wrap{border:1px solid var(--line);border-radius:10px;width:100%;overflow:auto}.personal-table-wrap table{min-width:760px}.personal-table-wrap td{vertical-align:top}.status-pill{color:#59616b;white-space:nowrap;background:#f0f2f3;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.status-pending{color:#76623b;background:#f6f1e7}.status-approved{color:#45617b;background:#eaf1f7}.status-settled{color:#426950;background:#eaf3ed}.status-reversed{color:#835351;background:#f7ecec}@media (max-width:1050px){.personal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.user-identity-fields,.password-reset .user-fields{grid-template-columns:minmax(0,1fr)}.personal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personal-metric{min-height:114px;padding:12px}.personal-metric>strong{font-size:17px}.personal-metric>span{font-size:10px}.personal-metric>small{font-size:9px}.personal-filters{align-items:stretch}.personal-filters label{flex:120px}.last-updated{flex:1 0 100%;margin-left:0}.personal-chart .section-head{flex-direction:column;align-items:flex-start}.personal-chart .section-head label{width:100%}.user-row-actions{min-width:128px}}.sidebar{min-height:0;overflow:hidden}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2c7cc transparent;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:7px}.sidebar nav::-webkit-scrollbar-thumb{background:#c2c7cc;border-radius:8px}.sidebar nav button{white-space:normal;overflow-wrap:anywhere;flex:none;min-width:0;line-height:1.35}.main,.content-card,.panel-grid>*,.user-fields,.inline-form,.table-wrap{min-width:0}.section-head{flex-wrap:wrap;gap:12px}.section-head>div{min-width:0;max-width:100%}.section-head h3,.section-head p,.intent-banner,.user-form h4{overflow-wrap:anywhere;line-height:1.45}.user-fields label{overflow-wrap:anywhere;flex:190px;min-width:min(100%,180px);max-width:100%;line-height:1.4}.user-fields input,.user-fields select,.user-fields textarea{width:100%;min-width:0;max-width:100%}.inline-form>*{overflow-wrap:anywhere;min-width:min(100%,150px);max-width:100%}.table-wrap{overscroll-behavior-x:contain;max-width:100%}td,th{overflow-wrap:anywhere;vertical-align:top;line-height:1.45}@media (max-height:720px){.sidebar{padding-top:14px;padding-bottom:14px}.brand{padding-bottom:18px}.side-label{padding-bottom:7px}.sidebar nav{padding-right:2px}.sidebar nav button{padding-top:9px;padding-bottom:9px}.side-bottom{padding-top:10px}}@media (max-width:850px){.sidebar nav{flex:1 1 0}.sidebar nav button{min-height:42px}.main{min-width:0}}@media (max-width:600px){.product-category-fields{grid-template-columns:minmax(0,1fr);display:grid}.product-category-fields>*{width:100%;min-width:0}.section-head{align-items:flex-start}.inline-form>*{width:100%;min-width:0}}.shell[data-company-tone="0"]{--company-accent:#5878a8;--company-soft:#edf2f9;--company-shadow:#5878a833}.shell[data-company-tone="1"]{--company-accent:#aa6277;--company-soft:#f8edf1;--company-shadow:#aa627733}.shell[data-company-tone="2"]{--company-accent:#478278;--company-soft:#eaf5f2;--company-shadow:#47827833}.shell[data-company-tone="3"]{--company-accent:#b1763f;--company-soft:#fbf2e8;--company-shadow:#b1763f33}.shell[data-company-tone="4"]{--company-accent:#7668a6;--company-soft:#f1eef8;--company-shadow:#7668a633}.shell[data-company-tone="5"]{--company-accent:#60804f;--company-soft:#eff5eb;--company-shadow:#60804f33}.shell[data-company-tone=bookstore]{--company-accent:#17191c;--company-soft:#eceeef;--company-shadow:#17191c2b}.shell[data-company-tone=kc-shoes]{--company-accent:#737b84;--company-soft:#eef0f2;--company-shadow:#737b8430}.shell[data-company-tone=katriny-beauty]{--company-accent:#cf6e91;--company-soft:#faedf2;--company-shadow:#cf6e9133}.shell[data-company-tone=neutral]{--company-accent:#59636e;--company-soft:#eff1f3;--company-shadow:#59636e30}.shell[data-company-tone] .brand-mark{background:linear-gradient(145deg,color-mix(in srgb,var(--company-accent),white 18%),var(--company-accent));box-shadow:0 7px 18px var(--company-shadow)}.shell[data-company-tone] nav button.active{color:var(--company-accent);background:var(--company-soft)}.shell[data-company-tone] .welcome-icon,.shell[data-company-tone] .metric-icon.purple,.shell[data-company-tone] .quick-link>span{background:var(--company-soft);color:var(--company-accent)}.shell[data-company-tone] .company-label select:focus,.shell[data-company-tone] input:focus,.shell[data-company-tone] select:focus{border-color:var(--company-accent);box-shadow:0 0 0 2px var(--company-shadow)}.shell[data-company-tone] .inline-form button,.shell[data-company-tone] .stack button,.shell[data-company-tone] .sale-grid button:not(.secondary),.shell[data-company-tone] .user-form>button,.shell[data-company-tone] .history-filters>button{background:var(--company-accent)}.shell[data-company-tone] .sales-bar i{background:linear-gradient(180deg,var(--company-accent),color-mix(in srgb,var(--company-accent),white 62%))}.shell .card{border-radius:14px;box-shadow:0 8px 24px #1e25300a}.shell .sidebar{background:#fff}.shell .topbar{border-bottom-color:#e6e8ea}.backup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.backup-actions article{border:1px solid var(--line);background:linear-gradient(#fff,#fafbfc);border-radius:12px;align-content:start;gap:10px;padding:18px;display:grid}.backup-actions h4,.backup-actions p{margin:0}.backup-actions p{color:var(--muted);font-size:12px;line-height:1.6}.backup-actions input[type=file]{max-width:100%;font-size:11px}@media (max-width:680px){.backup-actions{grid-template-columns:minmax(0,1fr)}}.product-autocomplete{gap:5px;display:grid;position:relative}.product-suggestions{z-index:10;border:1px solid var(--line);background:#fff;border-radius:8px;max-height:280px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 24px #252a3122}.product-suggestions button{text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:6px;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 10px;display:grid}.product-suggestions button:hover,.product-suggestions button:focus{background:var(--company-soft,#f3f4f5);outline:2px solid var(--company-accent,#777)}.product-suggestions button span{color:var(--muted);font-size:11px}.product-suggestions button small{color:var(--muted);grid-column:1/-1;font-size:10px}.cart-line{grid-template-columns:minmax(150px,1.5fr) 68px minmax(110px,130px) auto auto}.cart-line label{min-width:0}.cart-line label input{width:100%;min-width:0}@media (max-width:760px){.cart-line{grid-template-columns:minmax(0,1fr) 64px;gap:8px}.cart-line>div,.cart-line>label:nth-of-type(2){grid-column:1/-1}}.row-context-backdrop{z-index:1000;background:0 0;position:fixed;inset:0}.row-context-menu{z-index:1001;border:1px solid var(--line);background:#fff;border-radius:10px;gap:2px;min-width:220px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 35px #20252c2b}.row-context-heading{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:8px 10px 6px;font-size:10px;font-weight:700}.row-context-menu button{color:var(--ink);text-align:left;background:#fff;border-radius:6px;padding:9px 10px;font-size:12px}.row-context-menu button:hover{background:#f1f2f3}.row-context-menu button:disabled{opacity:.45;cursor:not-allowed}.row-context-menu button.row-context-danger{color:#a63737}.payable-notes-preview{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.payable-detail-modal{width:min(720px,100%);max-height:90vh;padding:24px;overflow:auto}.payable-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.payable-detail-grid>div{border:1px solid var(--line);border-radius:8px;gap:6px;padding:12px;display:grid}.payable-detail-grid span{color:var(--muted);font-size:10px}.payable-detail-grid strong{font-size:12px}.payable-detail-notes{background:#f6f7f8;border-radius:8px;margin:12px 0 20px;padding:14px}.payable-detail-notes p{white-space:pre-wrap;margin:8px 0 0;font-size:12px;line-height:1.5}@media (max-width:680px){.payable-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payable-detail-modal{padding:16px}}.named-records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 20px;display:grid}.named-records-grid>div>strong{color:var(--muted);margin:8px 0;font-size:11px;display:block}.named-records-grid td{padding:8px}.named-records-grid .product-row-actions{white-space:nowrap}.named-records-grid .product-row-actions button{margin:2px}@media (max-width:760px){.named-records-grid{grid-template-columns:1fr}}.row-context-menu{max-height:calc(100vh - 16px);overflow:auto}.nav-icon{white-space:nowrap;letter-spacing:-1px;flex:none}.metric-ok>strong{color:#2f7a4b}.metric-warn>strong{color:#b4690e}.metric-danger>strong{color:#b03a3a}.metric-warn{border-color:#f1d9b5}.metric-danger{border-color:#efc5c5}.payables-panel .section-head{flex-wrap:wrap;gap:12px}.payables-panel>.metrics{margin-top:16px}.payables-message{color:#2f6b44;background:#eef7f1;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:12px}.payables-filters{grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(200px,2fr);gap:10px;margin-top:20px;display:grid}.payables-filters label,.payable-edit-grid label{color:#606771;gap:5px;min-width:0;font-size:11px;font-weight:600;display:grid}.payables-filters select,.payables-filters input,.payable-edit-grid input,.payable-edit-grid select,.payable-edit-grid textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:7px;outline:none;padding:9px 10px;font-size:12px}.payables-filters select:focus,.payables-filters input:focus,.payable-edit-grid input:focus,.payable-edit-grid select:focus,.payable-edit-grid textarea:focus{border-color:#8a929c;box-shadow:0 0 0 3px #e4e7ea}.payable-edit-grid input:disabled{color:#9aa0a7;background:#f4f5f6}.payables-presets{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.chip{border:1px solid var(--line);color:#4d5660;cursor:pointer;background:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600}.chip:hover{background:#f3f4f5}.chip.active{color:#fff;background:#454c56;border-color:#454c56}.chip.clear{color:#a63737;border-color:#efd0d0}.payables-categories{border:1px solid var(--line);background:#fafbfb;border-radius:10px;margin:16px 0 6px;padding:14px}.payables-categories-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.payables-categories-head h4{margin:0;font-size:13px}.payables-categories-head span{color:var(--muted);font-size:11px}.payables-categories-head b{color:var(--ink);font-size:13px}.category-totals{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.category-total{text-align:left;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;gap:6px;padding:11px 12px;transition:border-color .15s,box-shadow .15s;display:grid}.category-total:hover{border-color:#b9bfc6}.category-total.active{border-color:#454c56;box-shadow:0 0 0 2px #dfe2e5}.category-total-name{letter-spacing:.3px;justify-content:space-between;gap:6px;font-size:11px;font-weight:700;display:flex}.category-total-name small{color:var(--muted);font-weight:500}.category-total>strong{font-size:16px}.category-total>small{color:var(--muted);font-size:10px}.category-bar{background:#eceef0;border-radius:9px;height:5px;display:block;overflow:hidden}.category-bar i{background:#5d6672;border-radius:9px;height:100%;display:block}.payables-table th.num,.payables-table td.num,.payable-detail-modal th.num,.payable-detail-modal td.num{text-align:right;white-space:nowrap}.payables-table tfoot td{border-top:2px solid var(--line);background:#fafbfb;padding-top:12px;padding-bottom:12px;font-size:12px;font-weight:700}.payables-table td.empty-row{text-align:center;color:var(--muted);padding:28px}.status-pill.status-paid{color:#2f6b44;background:#e6f4ea}.status-pill.status-overdue{color:#a63737;background:#fbe9e9}.status-pill.status-upcoming{color:#2f5a8f;background:#eaf1fb}.status-pill.status-partial{color:#99600f;background:#fdf2e3}.status-pill.status-cancelled,.status-pill.status-deleted{color:#8a9097;background:#f0f1f2;text-decoration:line-through}.payables-registry{border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:12px 14px}.payables-registry>summary{cursor:pointer;color:#4d5660;font-size:12px;font-weight:700}.payables-registry[open]>summary{margin-bottom:12px}.payable-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px;display:grid}.payable-edit-grid .wide{grid-column:1/-1}.payable-edit-grid textarea{resize:vertical}.payables-note{color:#7a5a12;background:#fdf6e8;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.5}.payable-edit-form .user-form-actions>button:not(.secondary){color:#fff;background:#454c56;border-radius:7px;padding:10px 16px;font-weight:700}@media (max-width:900px){.payables-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payables-search{grid-column:1/-1}.payable-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.payables-filters,.payable-edit-grid{grid-template-columns:1fr}}.payables-panel .section-head .user-row-actions>button:not(.secondary){color:#fff;background:#454c56;border-radius:7px;padding:9px 14px;font-weight:700}.auth{isolation:isolate;background:linear-gradient(135deg,#eef0f3 0%,#e4e7ec 45%,#f3f1f6 100%);position:relative;overflow:hidden}.auth-orb{filter:blur(60px);opacity:.75;z-index:-1;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite alternate orb-float;position:absolute}.orb-a{background:radial-gradient(circle,#9aa5b4 0,#c3cad4 60%,#0000 70%);width:420px;height:420px;top:-80px;left:-120px}.orb-b{background:radial-gradient(circle,#b9a9c9 0,#d8cfe2 60%,#0000 70%);width:360px;height:360px;animation-duration:18s;animation-delay:-6s;bottom:-90px;right:-100px}.orb-c{background:radial-gradient(circle,#a7c0cf 0,#d2e0e8 60%,#0000 70%);width:260px;height:260px;animation-duration:22s;animation-delay:-3s;top:12%;left:55%}@keyframes orb-float{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}to{transform:translate(-30px,50px)scale(.95)}}.glass-card{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffff8c;border:1px solid #ffffffbf;border-radius:20px;animation:.7s cubic-bezier(.2,.8,.2,1) both glass-rise;position:relative;overflow:hidden;box-shadow:0 24px 60px #252a3129,inset 0 1px #fffc}.glass-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 30%,#ffffff73 45%,#0000 60%);animation:1.4s ease-out .9s both glass-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes glass-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes glass-sheen{to{transform:translate(120%)}}.glass-content{z-index:1;transition:opacity .35s,filter .35s;animation:.6s .45s both glass-content-in;position:relative}@keyframes glass-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.glass-door{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:linear-gradient(160deg,#ffffffb8,#e2e6ec8c);width:50.5%;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;bottom:0}.door-left{border-right:1px solid #ffffffe6;animation:.9s cubic-bezier(.65,0,.35,1) .2s both door-open-left;left:0;transform:translate(-101%);box-shadow:inset -10px 0 24px #454c5614}.door-right{border-left:1px solid #ffffffe6;animation:.9s cubic-bezier(.65,0,.35,1) .2s both door-open-right;right:0;transform:translate(101%);box-shadow:inset 10px 0 24px #454c5614}@keyframes door-open-left{0%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes door-open-right{0%{transform:translate(0)}to{transform:translate(101%)}}.glass-card.is-closing .glass-door{animation:none;transform:translate(0)}.glass-card.is-closing .glass-content{opacity:.25;filter:blur(2px)}.glass-lock{z-index:4;color:#454c56;letter-spacing:.3px;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0;transform:scale(.9)}.glass-card.is-closing .glass-lock{opacity:1;transition-delay:.35s;transform:none}.glass-spinner{border:3px solid #454c562e;border-top-color:#454c56;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.glass-card input{background:#ffffffbf;transition:border-color .2s,box-shadow .2s,background-color .2s}.glass-card input:focus{background:#fff;border-color:#8a929c;box-shadow:0 0 0 4px #8a929c2e}.glass-card .brand-mark{animation:.6s cubic-bezier(.34,1.56,.64,1) .6s both brand-pop}@keyframes brand-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:none}}button{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background-color .2s,color .2s,filter .2s,opacity .2s}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 14px #252a311f}button:not(:disabled):active{transition-duration:60ms;transform:translateY(0)scale(.97);box-shadow:0 2px 5px #252a311f}button:focus-visible{outline-offset:2px;outline:3px solid #9aa2ab}button:disabled{cursor:not-allowed;opacity:.6}.secondary:not(:disabled):hover{filter:brightness(.96)}.danger-secondary:not(:disabled):hover{box-shadow:0 6px 14px #a34a452e}.sidebar nav button:not(:disabled):hover{box-shadow:none;transform:translate(3px)}.sidebar nav button:not(:disabled):active{transform:translate(3px)scale(.98)}.sidebar nav button.active .nav-icon{animation:.45s cubic-bezier(.34,1.56,.64,1) brand-pop}.row-context-menu button:not(:disabled):hover,.row-context-menu button:not(:disabled):active,.category-total:not(:disabled):active{box-shadow:none;transform:none}.stack button,.inline-form button:not(.secondary),.user-form>button,.user-form-actions>button:not(.secondary):not(.danger-secondary),.section-head .user-row-actions>button:not(.secondary),.sale-grid button:not(.secondary),.history-filters>button{position:relative;overflow:hidden}.stack button:after,.inline-form button:not(.secondary):after,.user-form>button:after,.user-form-actions>button:not(.secondary):not(.danger-secondary):after,.section-head .user-row-actions>button:not(.secondary):after,.sale-grid button:not(.secondary):after,.history-filters>button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff59 50%,#0000 75%);position:absolute;inset:0;transform:translate(-120%)}.stack button:not(:disabled):hover:after,.inline-form button:not(.secondary):not(:disabled):hover:after,.user-form>button:not(:disabled):hover:after,.user-form-actions>button:not(.secondary):not(.danger-secondary):not(:disabled):hover:after,.section-head .user-row-actions>button:not(.secondary):not(:disabled):hover:after,.sale-grid button:not(.secondary):not(:disabled):hover:after,.history-filters>button:not(:disabled):hover:after{transition:transform .6s;transform:translate(120%)}.content-card{animation:.4s cubic-bezier(.2,.8,.2,1) both panel-in}.metrics>.metric{animation:.45s cubic-bezier(.2,.8,.2,1) both panel-in}.metrics>.metric:nth-child(2){animation-delay:50ms}.metrics>.metric:nth-child(3){animation-delay:.1s}.metrics>.metric:nth-child(4){animation-delay:.15s}.metrics>.metric:nth-child(5){animation-delay:.2s}.metric{transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px #252a3114}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-backdrop{animation:.2s both fade-in}.payable-detail-modal{animation:.3s cubic-bezier(.34,1.4,.64,1) both modal-pop}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}tbody tr{transition:background-color .15s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.month-nav{border:1px solid var(--line);background:linear-gradient(#fff,#f8f9fa);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;padding:12px 14px;display:flex}.month-nav-picker{align-items:center;gap:8px;display:flex}.month-step{border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:20px;line-height:1;display:grid}.month-nav-title{text-align:center;cursor:pointer;gap:2px;min-width:170px;display:grid;position:relative}.month-nav-title span{letter-spacing:.8px;color:var(--muted);font-size:9px;font-weight:700}.month-nav-title strong{color:var(--ink);font-size:17px}.month-nav-title input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.month-nav-chips{flex-wrap:wrap;gap:6px;display:flex}.month-nav-totals{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-left:auto;font-size:11px;display:flex}.month-nav-totals b{color:var(--ink);margin-left:3px;font-size:13px}.month-nav-totals b.ok{color:#2f7a4b}.month-nav-totals b.due{color:#b4690e}.payables-filters{grid-template-columns:repeat(5,minmax(120px,1fr)) minmax(200px,2fr)}.kind-recurring{font-weight:600;color:#2f5a8f!important}.type-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.type-option{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;gap:3px;padding:11px 12px;display:grid}.type-option strong{font-size:13px}.type-option small{color:var(--muted);font-size:10px}.type-option.active{background:#f3f4f6;border-color:#454c56;box-shadow:0 0 0 2px #dfe2e5}.payables-preview{color:#2f5a8f;background:#eef4fb;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5}.payables-hint{color:var(--muted);margin:4px 0 10px;font-size:11px}.recurrences-registry tr.is-ended td{color:#9aa0a7}@media (max-width:900px){.payables-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.month-nav-totals{margin-left:0}}@media (max-width:520px){.type-switch{grid-template-columns:1fr}.month-nav-picker{justify-content:space-between;width:100%}.payables-filters{grid-template-columns:1fr}}.payables-table{min-width:760px}.payables-table th,.payables-table .product-row-actions{white-space:nowrap}.payables-table .product-row-actions button{margin:2px}