:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101827;background:#f3f5f8;--black: #08090d;--navy: #061b49;--navy-soft: #102c66;--gold: #c7942d;--gold-soft: #f0d391;--line: #d8dee8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.65rem .8rem;cursor:pointer}.button-link{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.65rem .8rem;color:var(--navy);text-decoration:none;text-align:center;font-weight:700}.file-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.65rem .8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:var(--black)}.file-button input{display:none}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:.7rem .75rem;background:#fff}.field{display:grid;gap:.35rem;color:#536079;font-size:.82rem;font-weight:800}.field input,.field select,.field textarea{color:#101827;font-size:1rem;font-weight:400}input:read-only,textarea:read-only{background:#fbfcfe;color:var(--navy);font-weight:800;cursor:default}.password-input{position:relative;width:100%}.password-input input{padding-right:2.8rem}.password-input button{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);width:2.1rem;height:2.1rem;padding:0;display:grid;place-items:center;border-color:transparent;background:transparent;color:#536079;box-shadow:none}.password-input button:hover{background:#f5f7fb;border-color:var(--line);color:var(--navy)}.static-field{width:100%;border:1px solid var(--line);border-radius:6px;padding:.7rem .75rem;background:#fbfcfe;color:var(--navy);font-weight:800;min-height:45px;display:flex;align-items:center}.inline-field-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.inline-field-actions input{min-width:10.5rem;flex:1}.inline-button{margin-left:auto;padding:.35rem .55rem;min-height:0}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border-bottom:1px solid #e0e5ee;text-align:left;vertical-align:top}th{color:#536079;font-size:.85rem}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;height:100vh;overflow-y:auto;background:linear-gradient(180deg,var(--black),var(--navy));color:#f8fbff;padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-right:2px solid var(--gold)}.brand{font-size:1.25rem;font-weight:800;margin:.25rem 0 1rem;display:flex;align-items:center;gap:.75rem;color:var(--gold-soft)}.brand img{width:44px;height:44px;border-radius:6px;object-fit:cover;background:#fff;border:1px solid rgba(240,211,145,.75)}.sidebar button{color:inherit;background:transparent;border-color:transparent;display:flex;gap:.7rem;align-items:center;text-align:left}.sidebar button.active,.sidebar button:hover{background:#c7942d2e;border-color:#f0d39147}.sidebar button:disabled{opacity:.45;cursor:not-allowed}.sidebar-group{display:grid;gap:.25rem}.sidebar-parent{width:100%}.sidebar-parent span{flex:1}.sidebar-chevron{margin-left:auto;transition:transform .16s ease}.sidebar-parent[aria-expanded=true] .sidebar-chevron{transform:rotate(180deg)}.sidebar-subnav{display:grid;gap:.2rem;padding-left:1.1rem}.sidebar-subnav button{min-height:34px;padding:.45rem .6rem;font-size:.9rem;color:#d7e1f1}.sidebar-bottom{display:grid;gap:.25rem}main{margin-left:240px;padding:4.75rem 1.5rem 1.5rem;min-width:0}header{position:fixed;top:0;left:240px;right:0;z-index:4;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;padding:.65rem 1.5rem;background:#f3f5f8;border-bottom:2px solid rgba(199,148,45,.35);box-shadow:0 10px 24px #1018270d}.header-actions{display:flex;gap:.75rem;align-items:center}h1,h2,p{margin-top:0}h1{margin-bottom:.15rem;font-size:1.45rem}header p,.card p,td span{color:#62708b}.primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700;box-shadow:inset 0 -2px #c7942d80}.primary:hover{background:var(--navy-soft)}.danger{color:#9d1b1b;border-color:#f2b8b5;background:#fff6f6}.notice{background:#fff8e8;border:1px solid var(--gold-soft);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;white-space:pre-wrap}.service-notice{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.service-notice button{margin-left:auto}.profile-menu-wrap{position:relative}.profile-button{width:42px;height:42px;padding:0;display:grid;place-items:center;color:var(--navy)}.profile-menu{position:absolute;top:calc(100% + .45rem);right:0;width:230px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:.55rem;box-shadow:0 18px 44px #08090d2e;display:grid;gap:.5rem;z-index:10}.profile-summary{display:grid;gap:.15rem;padding:.45rem .5rem .55rem;border-bottom:1px solid var(--line)}.profile-summary strong{color:var(--black)}.profile-summary span{color:#62708b;font-size:.82rem;font-weight:800}.profile-menu button{display:flex;align-items:center;gap:.5rem;justify-content:flex-start;color:#9d1b1b;border-color:transparent}.profile-menu button:hover{background:#fff6f6;border-color:#f2b8b5}.panel{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:1rem}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:20;width:min(390px,calc(100vw - 2rem));display:grid;gap:.75rem}.toast{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start;background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:8px;padding:.8rem .85rem;box-shadow:0 14px 36px #08090d2e}.toast.success{border-left-color:#17803d}.toast.warning{border-left-color:var(--gold)}.toast.error{border-left-color:#b42318}.toast strong{display:block;margin-bottom:.2rem;color:var(--black)}.toast p{margin:0;color:#536079;white-space:pre-wrap;overflow-wrap:anywhere}.toast button{width:28px;height:28px;padding:0;display:grid;place-items:center;color:#536079;border-color:transparent;background:transparent}.toast button:hover{border-color:var(--line);background:#f6f8fb}.stack{display:grid;gap:1rem}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-heading button{flex:0 0 auto}.toolbar,.inline-form,.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:end}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;height:calc(100vh - 6.25rem);min-height:0;align-items:stretch}.pos-grid>.panel{min-height:0;display:flex;flex-direction:column}.pos-grid>.panel:not(.cart){overflow:hidden}.product-list{min-height:0;margin-top:1rem;padding-right:.25rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;align-content:start;flex:1}.product-card{position:relative;min-height:88px;border:1px solid var(--line);border-radius:6px;background:#fff}.product-card-main{width:100%;min-height:88px;padding-right:2.6rem;border:0;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none}.product-card-sku-line{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-right:.1rem}.product-card-sku-line>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-add-button,.product-transfer-button{position:absolute;right:.45rem;width:30px;height:30px;padding:0;display:grid;place-items:center;color:var(--navy);background:#fbfcfe}.product-add-button{top:.45rem}.product-transfer-button{bottom:.45rem}.product-add-button:hover,.product-transfer-button:hover{border-color:var(--gold);color:var(--black)}.product-card-meta{display:grid;gap:.15rem;padding-right:.1rem;color:#62708b;font-size:.8rem;font-weight:800}.product-card-price{color:var(--navy);font-size:.9rem;font-weight:900}.product-stock{color:#126636;font-size:.82rem;font-weight:800}.product-stock.empty{color:#9d1b1b}.cart{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overscroll-behavior:contain}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) 64px 118px 76px 34px;gap:.5rem;align-items:center;border-bottom:1px solid #e0e5ee;padding-bottom:.65rem}.cart-item-name{min-width:0;position:relative;display:grid;gap:.1rem}.cart-item-name strong,.cart-item-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-name:hover:after,.cart-item-name:focus-within:after{content:attr(data-tooltip);position:absolute;left:0;top:calc(100% + .35rem);z-index:8;width:max-content;max-width:min(320px,70vw);padding:.4rem .55rem;border-radius:6px;background:var(--black);color:#fff;font-size:.78rem;font-weight:700;line-height:1.25;white-space:normal;box-shadow:0 12px 28px #08090d3d}.cart-header{color:#536079;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0;padding-bottom:.35rem}.cart-line input{padding-left:.45rem;padding-right:.35rem}.unit-price-cell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:.25rem;align-items:center}.min-price-tip{position:relative;display:grid;place-items:center;color:#62708b}.min-price-tip.warn{color:#9d1b1b}.min-price-tip:hover:after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + .35rem);z-index:8;width:max-content;padding:.35rem .5rem;border-radius:6px;background:var(--black);color:#fff;font-size:.76rem;font-weight:800;white-space:nowrap;box-shadow:0 12px 28px #08090d3d}.cart-line-total{min-width:0;display:grid;gap:.15rem;justify-items:end}.cart-line-total strong{color:var(--black);font-size:.92rem;white-space:nowrap}.discount-badge{max-width:100%;border-radius:999px;padding:.12rem .35rem;background:#fff3d8;color:#8a5b00;font-size:.7rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-action{width:34px;height:34px;padding:0;display:grid;place-items:center;color:var(--navy)}.icon-action[aria-expanded=true] svg{transform:rotate(180deg)}.cart-line-actions{display:grid;gap:.25rem;justify-items:center}.cart-line-actions .icon-action.compact{width:28px;height:26px}.cart-line-actions .icon-action.danger{color:#9d1b1b}.cart-line-actions .icon-action.danger:hover{border-color:#bd3030;color:#6f1212}.line-discount-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:end;padding:.65rem;background:#fbfcfe;border:1px solid var(--line);border-radius:6px}.input-with-tip{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:.25rem;align-items:center}.line-discount-per-unit{min-height:45px;padding-bottom:.1rem;color:#536079;font-size:.82rem;font-weight:800;white-space:nowrap}.bill-discount{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;border-top:1px solid #e0e5ee;padding-top:.75rem}.warning-input{grid-column:1 / -1;color:#9d1b1b}.warning-input input{border-color:#bd3030;background:#fff6f6}.shift-banner{margin:.75rem 0;border-radius:6px;padding:.7rem .85rem;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.shift-banner button{padding:.45rem .65rem;background:#fff}.shift-banner.ok{background:#eaf6ef;color:#126636;border:1px solid #b7dcc5}.shift-banner.warn{background:#fff3d8;color:#8a5b00;border:1px solid #efd292}.shift-adjustment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.shift-entry-form{grid-template-columns:minmax(150px,1fr) minmax(110px,.6fr) minmax(150px,1fr) auto}.shift-entry-form button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.compact-table{max-height:260px;overflow:auto}.totals{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--black);padding-top:1rem;font-size:1.25rem}.payment-panel{display:grid;gap:.75rem}.payment-customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.payment-lines{display:grid;gap:.55rem}.payment-line{display:grid;grid-template-columns:minmax(140px,1fr) minmax(96px,.75fr) minmax(86px,.55fr) 34px;gap:.5rem;align-items:end}.payment-line.compact{grid-template-columns:minmax(0,1fr) minmax(86px,.55fr) 34px}.payment-line.cheque{grid-template-columns:minmax(0,1fr) minmax(96px,.75fr) minmax(96px,.75fr) 34px}.payment-line.cheque .cheque-expected-field{grid-column:1 / 2}.payment-line.cheque .payment-amount-field{grid-column:2 / 4}.payment-line .icon-action{margin-bottom:0}.kept-change-toggle{width:fit-content;color:#536079;font-size:.82rem;font-weight:800}.kept-change-panel{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(150px,1fr) minmax(140px,1fr) minmax(90px,.6fr);gap:.55rem;align-items:end}.payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.payment-balance{min-height:45px;border:1px solid #b7dcc5;border-radius:6px;background:#eaf6ef;color:#126636;padding:.45rem .65rem;display:grid;align-content:center;gap:.1rem}.payment-balance.due{border-color:#efd292;background:#fff3d8;color:#8a5b00}.payment-balance.change{border-color:#9bc3ee;background:#edf6ff;color:#0b4f8a}.payment-balance.kept{border-color:#c5b7dc;background:#f5f1fb;color:#4f2f7f}.payment-balance span{font-size:.78rem;font-weight:800}.payment-balance strong{min-width:0;overflow-wrap:anywhere;font-size:1rem}.payment-warning{border:1px solid #efd292;border-radius:6px;background:#fff8e8;color:#8a5b00;padding:.55rem .65rem;font-size:.82rem;font-weight:800}.post-disabled-reasons{border:1px solid #efd292;border-radius:6px;background:#fff8e8;color:#8a5b00;padding:.65rem .75rem;font-size:.82rem;font-weight:800}.post-disabled-reasons strong{display:block;color:#6f4700;margin-bottom:.3rem}.post-disabled-reasons ul{margin:0;padding-left:1rem}.post-disabled-reasons li+li{margin-top:.15rem}.secondary-action,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:800;color:var(--navy)}.secondary-action{width:fit-content;padding:.5rem .65rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.supplier-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.supplier-metrics .metric-card{min-height:92px;padding:.85rem}.supplier-metrics .metric-card span{font-size:.78rem}.supplier-metrics .metric-card strong{font-size:1.08rem}.card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:1rem;display:grid;gap:.65rem}.invoice-list-header{display:grid;gap:.85rem;padding:.85rem 1rem 1rem}.invoice-list-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.invoice-list-heading>div{display:flex;align-items:baseline;gap:.65rem}.invoice-list-heading .eyebrow{color:#62708b;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.invoice-list-heading strong{color:var(--navy);font-size:.92rem}.invoice-active-filters{display:inline-flex;align-items:center;gap:.3rem}.invoice-filter-count{border:1px solid var(--gold-soft);border-radius:999px;padding:.25rem .55rem;background:#fff8e8;color:#8a5b00;font-size:.75rem;font-weight:900;white-space:nowrap}.invoice-filter-clear-icon{width:24px;height:24px;min-height:0;padding:0;display:grid;place-items:center;border-color:transparent;border-radius:999px;background:transparent;color:#62708b;box-shadow:none}.invoice-filter-clear-icon:hover{border-color:var(--line);background:#fff;color:#9d1b1b}.invoice-filter-primary{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(145px,.65fr)) auto auto;gap:.6rem;align-items:end}.invoice-search-field{min-height:45px;display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:6px;padding:0 .75rem;background:#fff;color:#62708b}.invoice-search-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c7942d1f}.invoice-search-field input{min-width:0;border:0;padding:.65rem 0;outline:0;box-shadow:none}.compact-filter{gap:.2rem}.compact-filter select{min-height:45px}.invoice-more-filter,.invoice-apply-filter{min-height:45px;white-space:nowrap}.invoice-more-filter{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:var(--navy);font-weight:800}.invoice-more-filter svg:last-child{transition:transform .16s ease}.invoice-more-filter[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.invoice-more-filter.active{border-color:var(--gold-soft);background:#fff8e8}.invoice-filter-secondary{display:grid;grid-template-columns:minmax(190px,1fr) minmax(160px,.8fr) repeat(2,minmax(145px,.65fr)) auto;gap:.6rem;align-items:end;padding-top:.8rem;border-top:1px solid var(--line)}.invoice-clear-filter{min-height:45px;color:#536079;font-weight:800}.invoice-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.invoice-financial-summary{display:grid;gap:.75rem}.invoice-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:start}.summary-group{min-width:0;display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:6px;background:#fbfcfe}.summary-group h3{margin:0 0 .25rem;color:var(--navy);font-size:.9rem}.summary-line{display:flex;justify-content:space-between;gap:.75rem;color:#536079;font-size:.9rem}.summary-line strong{color:#101827;text-align:right;white-space:nowrap}.summary-line.total{margin-top:.25rem;padding-top:.5rem;border-top:1px solid #e0e5ee;color:var(--navy);font-weight:900}.summary-line.total strong{color:var(--navy);font-size:1rem}.status-pills{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.status-pills span{border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem;background:#fff;color:var(--navy);font-size:.78rem;font-weight:900}.invoice-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.print-toolbar{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(150px,.65fr) minmax(220px,1fr) repeat(4,auto);gap:.75rem;align-items:end}.print-toolbar button,.row-actions button,.dialog-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.print-status{min-height:45px;display:grid;gap:.15rem;align-content:center;color:#536079}.print-status span{color:var(--navy);font-weight:900}.print-status strong{color:var(--black);font-size:.9rem}.print-status small{color:#62708b;font-weight:700}.print-preview-modal{width:min(1080px,calc(100vw - 2rem));height:min(900px,calc(100vh - 2rem))}.print-preview-frame{width:100%;min-height:0;height:100%;border:1px solid var(--line);border-radius:6px;background:#fff}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fbfcfe}.customer-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;align-items:start}.customer-sidebar{display:grid;gap:.75rem}.customer-sidebar-header{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:.5rem}.customer-sidebar input:disabled{color:#62708b;background:#f5f7fb}.customer-list{display:grid;gap:.45rem;max-height:calc(100vh - 190px);overflow:auto}.customer-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;text-align:left}.customer-list button.active{border-color:var(--gold);background:#fff8e8;color:var(--navy)}.customer-list span{min-width:0;display:grid;gap:.15rem}.customer-list small{color:#62708b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.customer-summary h2{margin-bottom:.2rem}.customer-summary p{margin-bottom:0;color:#62708b}.customer-summary>strong{color:var(--navy);font-size:1.5rem;white-space:nowrap}.customer-list-panel{display:grid;gap:.75rem}.customer-list-header{display:grid;grid-template-columns:minmax(240px,420px);gap:.75rem}.customer-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.customer-info-panel{display:grid;gap:.75rem}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;color:#62708b;font-weight:800}.payment-receive-form{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(100px,.65fr) minmax(120px,.8fr) minmax(120px,1fr) auto;gap:.75rem;align-items:end}.inventory-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:stretch}.inventory-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-header-controls{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(180px,.75fr) minmax(240px,1fr) minmax(160px,.65fr);gap:.75rem;align-items:end}.inventory-view-panel{display:grid;gap:.35rem}.inventory-view-panel>span{color:#62708b;font-weight:800;font-size:.82rem}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:8px;background:#f5f7fb}.segmented-control button{min-height:38px;padding:.45rem .55rem;border-color:transparent;background:transparent;color:#536079;font-weight:800}.segmented-control button.active{background:#fff;border-color:var(--gold-soft);color:var(--navy);box-shadow:0 6px 16px #10182714}.table-filter-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative}.table-filter-button{width:28px;height:28px;padding:0;display:grid;place-items:center;color:#62708b;border-color:transparent;background:transparent;box-shadow:none}.table-filter-button:hover,.table-filter-button.active{color:var(--navy);background:#f5f7fb;border-color:var(--line)}.table-filter-button.active svg{color:var(--gold)}.table-sort-button{display:inline-flex;align-items:center;gap:.3rem;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit}.table-sort-button:hover{background:transparent;color:var(--navy)}.table-sort-button svg{color:var(--gold)}.link-button{display:inline;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--navy);font-weight:800;text-decoration:underline;text-underline-offset:2px}.link-button:hover{background:transparent;color:var(--gold)}th{position:relative}.table-filter-menu{position:absolute;top:calc(100% - .25rem);left:.75rem;z-index:3;width:min(260px,80vw);padding:.75rem;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;box-shadow:0 16px 36px #08090d29}.table-wrap{overflow-x:auto}.nested-row>td{padding:0 .75rem .85rem;background:#fbfcfe}.nested-table{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.nested-table th,.nested-table td{padding:.55rem .65rem;font-size:.86rem}.row-chevron{transition:transform .16s ease}button[aria-expanded=true] .row-chevron{transform:rotate(180deg)}.price-cell{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) auto;gap:.4rem;min-width:240px}.product-report-table th:not(:first-child),.product-report-table td:not(:first-child){white-space:nowrap}.price-report-cell{display:grid;gap:.2rem;min-width:150px}.price-report-cell span{color:#536079;font-size:.82rem;font-weight:800}.reset-cell{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:.4rem;min-width:260px}.metric-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.metric-card span{display:block;color:#62708b;font-weight:700;line-height:1.2}.metric-card strong{display:block;max-width:100%;color:var(--navy);font-size:1.45rem;line-height:1.15;overflow-wrap:anywhere}.stock-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:800}.stock-pill.ok{background:#eaf6ef;color:#126636}.stock-pill.warn{background:#fff3d8;color:#8a5b00}.stock-pill.danger{background:#ffe7e7;color:#9d1b1b}.count-cell{color:var(--black);font-weight:800;font-size:1rem}.movement-unit-value{min-width:145px;display:grid;gap:.12rem}.movement-unit-value strong{color:var(--navy);white-space:nowrap}.movement-unit-value span,.movement-unit-value small{color:#62708b;font-size:.76rem;font-weight:800;white-space:nowrap}.movement-unit-value small{color:#8a5b00}.return-date-display,.return-date-editor{min-width:180px;display:grid;gap:.4rem}.return-date-display .link-button{width:fit-content}.return-date-display strong{color:var(--navy);font-size:.82rem}.return-date-editor input{min-width:0;padding:.5rem .55rem}.return-date-editor small{color:#62708b;font-size:.75rem;line-height:1.3}.latest-cost-summary{display:grid;grid-template-columns:auto auto;gap:.05rem .45rem;align-items:baseline;border:1px solid var(--gold-soft);border-radius:7px;padding:.4rem .65rem;background:#fff8e8}.latest-cost-summary span{color:#8a5b00;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.latest-cost-summary strong{color:var(--navy);font-size:1rem;white-space:nowrap}.latest-cost-summary small{grid-column:1 / -1;color:#62708b;font-size:.72rem;font-weight:800;text-align:right}.latest-cost-summary.empty{border-color:var(--line);background:#fbfcfe}.latest-cost-summary.empty span,.latest-cost-summary.empty strong{color:#62708b}.line-summary-panel{grid-column:1 / -1;display:grid;gap:.75rem}.line-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.line-editor-header h2{margin-bottom:0;font-size:1.1rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.section-header h2{margin-bottom:0}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-toolbar h2{margin-bottom:.2rem}.page-toolbar p{margin-bottom:0;color:#62708b}.product-filter-bar{flex:1;display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.45fr));gap:.75rem;align-items:end}.report-filter-stack{flex:1;display:grid;gap:.55rem}.report-period-tabs{display:inline-grid;width:fit-content;grid-template-columns:repeat(5,auto);gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:8px;background:#f5f7fb}.report-period-tabs button{min-height:34px;padding:.4rem .65rem;border-color:transparent;background:transparent;color:#536079;font-weight:800}.report-period-tabs button.active{background:#fff;border-color:var(--gold-soft);color:var(--navy);box-shadow:0 6px 16px #10182714}.report-filter-bar{display:grid;grid-template-columns:auto minmax(150px,220px) auto repeat(2,minmax(150px,220px)) minmax(240px,1fr);gap:.55rem;align-items:end}.report-filter-bar>.icon-action{margin-bottom:0}.report-range-card{min-width:0;min-height:58px;align-self:end;border:1px solid #ccdaf4;border-radius:10px;padding:.55rem .75rem;display:grid;align-content:center;gap:.12rem;color:#163568;background:linear-gradient(135deg,#f7faff,#edf4ff);box-shadow:inset 3px 0 #2563eb}.report-range-card span{color:#7282a0;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.report-range-card strong{min-width:0;font-size:.84rem;line-height:1.3;overflow-wrap:anywhere}.report-loading{width:fit-content;min-width:110px;color:#536079}.analytics-page{--analytics-ink: #12213f;--analytics-muted: #70809e}.analytics-hero{position:relative;overflow:hidden;min-height:145px;border-radius:16px;padding:1.5rem 1.65rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(105,142,255,.5),transparent 27%),linear-gradient(125deg,#071a43,#153a85 58%,#315dd4);box-shadow:0 18px 40px #13347733}.analytics-hero:after{content:"";position:absolute;width:210px;height:210px;right:-65px;bottom:-125px;border:24px solid rgba(255,255,255,.08);border-radius:50%}.analytics-hero>*{position:relative;z-index:1}.analytics-hero h2{margin:.2rem 0 .35rem;font-size:clamp(1.45rem,2.5vw,2.15rem);letter-spacing:-.035em}.analytics-hero p{max-width:680px;margin:0;color:#dce7ff;line-height:1.55}.eyebrow{color:#7490c2;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.analytics-hero .eyebrow{color:#b9cbff}.hero-highlight{min-width:210px;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.85rem 1rem;display:grid;gap:.2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-highlight span,.hero-highlight small{color:#cfddff}.hero-highlight strong{font-size:1.18rem}.hero-period{width:fit-content;margin-top:.75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem .65rem;color:#dce7ff;background:#ffffff14;font-size:.75rem;font-weight:800}.dashboard-summary-hero{min-height:0;padding:.8rem;display:block;overflow:visible}.dashboard-summary-hero:after{pointer-events:none}.dashboard-summary-controls{position:relative;z-index:4;min-height:38px;margin-bottom:.55rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-summary-controls h2{margin:0;padding-left:.2rem;color:#fff;font-size:1.08rem;letter-spacing:-.01em}.dashboard-period-control{display:flex;align-items:center;gap:.6rem}.dashboard-period-control>span{color:#cbd9fb;font-size:.75rem;font-weight:800}.dashboard-period-dropdown{position:relative}.dashboard-period-dropdown summary{min-width:148px;border:1px solid rgba(255,255,255,.24);border-radius:9px;padding:.55rem .65rem .55rem .8rem;display:flex;justify-content:space-between;align-items:center;gap:.65rem;color:#fff;background:#ffffff1c;cursor:pointer;font-size:.8rem;font-weight:900;list-style:none}.dashboard-period-dropdown summary::-webkit-details-marker{display:none}.dashboard-period-dropdown summary svg{transition:transform .16s ease}.dashboard-period-dropdown[open] summary svg{transform:rotate(180deg)}.dashboard-period-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:10;width:min(280px,calc(100vw - 3rem));border:1px solid #d6e0f0;border-radius:12px;padding:.45rem;display:grid;gap:.35rem;background:#fff;box-shadow:0 18px 45px #05163a3d}.dashboard-period-menu button{min-width:0;padding:.68rem .7rem;border-color:transparent;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.12rem .6rem;align-items:center;text-align:left;background:#f7f9fd}.dashboard-period-menu button:hover{border-color:#cbd8ee;background:#eef4ff}.dashboard-period-menu button.active{border-color:#9cb7ec;background:#eaf2ff}.dashboard-period-menu strong{color:#173568;font-size:.82rem}.dashboard-period-menu small{color:#7a89a2;font-size:.68rem;font-weight:700}.dashboard-period-menu svg{grid-column:2;grid-row:1 / span 2;color:#5872a1}.dashboard-summary-hero .report-metrics{position:relative;z-index:2}.dashboard-summary-hero .report-metric{min-height:124px;box-shadow:0 8px 22px #020e2b33}.export-report-button{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;color:#10295e;background:#fff;border-color:#ffffffa6;font-weight:900;box-shadow:0 8px 24px #04112e2e}.report-toolbar{padding:1rem;border:1px solid #dce4f1;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1c2d520d}.report-filter-bar{grid-template-columns:auto minmax(150px,190px) auto repeat(2,minmax(145px,190px)) minmax(170px,220px) minmax(210px,1fr)}.report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.report-metric{position:relative;overflow:hidden;min-height:130px;padding:1rem 1.05rem;border:1px solid #dce4f1;border-radius:13px;display:flex;flex-direction:column;gap:.38rem;background:#fff;box-shadow:0 10px 28px #1c2d5212}.report-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#2563eb}.report-metric:after{content:"";position:absolute;width:72px;height:72px;right:-25px;top:-25px;border-radius:50%;background:#eff5ff}.report-metric>*{position:relative;z-index:1}.report-metric>span{color:var(--analytics-muted);font-size:.76rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.report-metric strong{color:var(--analytics-ink);font-size:clamp(1.15rem,1.65vw,1.62rem);line-height:1.2;overflow-wrap:anywhere}.report-metric-value{min-width:0;display:flex;align-items:baseline;gap:.42rem;flex-wrap:wrap}.report-metric-value b{border-radius:999px;padding:.18rem .36rem;font-size:.68rem;line-height:1;white-space:nowrap}.report-metric-value b.positive{color:#087456;background:#e4f8f1}.report-metric-value b.negative{color:#b4234f;background:#ffeaf1}.report-metric-value b.neutral{color:#71809a;background:#eef2f7}.report-metric small{margin-top:auto;color:#71809b;font-weight:700}.report-metric.violet:before{background:#8b5cf6}.report-metric.violet:after{background:#f4f0ff}.report-metric.green:before{background:#10b981}.report-metric.green:after{background:#e9fbf5}.report-metric.amber:before{background:#f59e0b}.report-metric.amber:after{background:#fff7e7}.report-metric.rose:before{background:#ec4899}.report-metric.rose:after{background:#fff0f7}.lifetime-strip{border:1px solid #dce4f1;border-radius:13px;padding:.8rem 1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:linear-gradient(135deg,#fafcff,#f3f7fd);box-shadow:0 8px 24px #1c2d520d}.lifetime-strip>div{min-width:0;padding:.25rem 1rem;display:grid;gap:.18rem;border-right:1px solid #dfe6f1}.lifetime-strip>div:first-child{padding-left:0}.lifetime-strip>div:last-child{padding-right:0;border-right:0}.lifetime-strip span{color:#7a89a2;font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.lifetime-strip strong{color:var(--analytics-ink);font-size:1.03rem;overflow-wrap:anywhere}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding-top:.25rem}.dashboard-section-heading h3{margin:.15rem 0 0;color:var(--analytics-ink);font-size:1.2rem}.dashboard-section-heading p{margin:0;color:#7a89a2;font-size:.82rem}.operational-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.operational-card{position:relative;overflow:hidden;min-width:0;min-height:138px;padding:.9rem .95rem;border:1px solid #dce4f1;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;text-align:left;background:#fff;box-shadow:0 8px 22px #1c2d520e;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.operational-card:after{content:"";position:absolute;width:68px;height:68px;right:-30px;top:-30px;border-radius:50%;background:#edf4ff}.operational-card:hover{transform:translateY(-2px);border-color:#bac9e5;box-shadow:0 13px 28px #1c2d521a}.operational-card>span{color:#71809a;font-size:.72rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.operational-card>strong{color:var(--analytics-ink);font-size:1.18rem;overflow-wrap:anywhere}.operational-card>small{color:#8290a7;font-weight:700}.operational-card>i{margin-top:auto;display:inline-flex;align-items:center;gap:.2rem;color:#2563eb;font-size:.72rem;font-style:normal;font-weight:900}.operational-card.rose:after{background:#fff0f6}.operational-card.rose>i{color:#c23872}.operational-card.violet:after{background:#f4f0ff}.operational-card.violet>i{color:#7750ce}.operational-card.amber:after{background:#fff6df}.operational-card.amber>i{color:#ad7209}.operational-card.green:after{background:#e8faf3}.operational-card.green>i{color:#0b8863}.operational-card.slate:after{background:#eef2f7}.operational-card.slate>i{color:#596a86}.analytics-grid{display:grid;gap:1rem;align-items:stretch}.analytics-grid.wide-left{grid-template-columns:minmax(0,1.8fr) minmax(310px,.85fr)}.analytics-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid.halves{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{min-width:0;border:1px solid #dce4f1;border-radius:14px;padding:1.1rem;background:#fff;box-shadow:0 10px 30px #1c2d520f}.analytics-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.analytics-title h3{margin:.15rem 0 0;color:var(--analytics-ink);font-size:1.08rem}.panel-link{min-height:0;padding:.35rem .5rem;border-color:transparent;display:inline-flex;align-items:center;gap:.15rem;color:#315baf;background:#f2f6ff;font-size:.74rem;font-weight:900}.chart-badge{max-width:48%;border-radius:999px;padding:.35rem .6rem;color:#335184;background:#eef4ff;font-size:.72rem;font-weight:800;text-align:center}.trend-chart-wrap{display:grid;gap:.6rem}.trend-chart{width:100%;min-height:230px;overflow:visible}.chart-grid-line{stroke:#e7edf6;stroke-width:1;stroke-dasharray:4 4}.chart-axis-text{fill:#8793aa;font-size:12px;font-weight:700}.chart-line{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-line.sales{stroke:#2563eb;stroke-width:3}.chart-line.profit{stroke:#10b981;stroke-width:2.5;stroke-dasharray:6 5}.chart-dot{fill:#fff;stroke:#2563eb;stroke-width:2;vector-effect:non-scaling-stroke}.chart-legend{display:flex;justify-content:center;gap:1rem;color:#687792;font-size:.76rem;font-weight:800}.chart-legend span{display:inline-flex;gap:.35rem;align-items:center}.chart-legend i{width:20px;height:3px;border-radius:999px}.legend-sales{background:#2563eb}.legend-profit{background:#10b981}.donut-layout{min-height:230px;display:grid;grid-template-columns:minmax(140px,.8fr) minmax(140px,1fr);gap:1rem;align-items:center}.donut-chart{width:min(175px,100%);aspect-ratio:1;margin-inline:auto;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0f244e0a}.donut-chart>div{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;background:#fff;box-shadow:0 4px 14px #1c2d5214}.donut-chart strong{color:var(--analytics-ink);font-size:.93rem}.donut-chart span{color:#8290a8;font-size:.7rem;font-weight:800}.donut-legend{display:grid;gap:.55rem}.donut-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:.45rem;align-items:center;color:#687792;font-size:.78rem}.donut-legend i{width:9px;height:9px;border-radius:3px}.donut-legend strong{color:var(--analytics-ink)}.horizontal-bars{display:grid;gap:.85rem}.bar-row{display:grid;gap:.32rem}.bar-label{min-width:0;display:flex;justify-content:space-between;gap:.7rem;color:#536582;font-size:.8rem;font-weight:800}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label strong{flex:0 0 auto;color:var(--analytics-ink)}.bar-track{height:7px;border-radius:999px;overflow:hidden;background:#edf1f7}.bar-track i{display:block;height:100%;border-radius:inherit}.bar-row small{color:#8996aa;font-size:.7rem;font-weight:700}.chart-empty{min-height:160px;display:grid;place-items:center;color:#8996aa;text-align:center}.analytics-table{min-width:980px}.analytics-table th{border-bottom:1px solid #dce4f1;background:#f8faff;color:#697a98;font-size:.73rem;letter-spacing:.025em;text-transform:uppercase}.analytics-table td{vertical-align:middle;color:#4c5d79;font-size:.86rem}.analytics-table tbody tr:hover{background:#f9fbff}.type-name{display:flex;align-items:center;gap:.6rem}.type-name>i{width:10px;height:34px;flex:0 0 auto;border-radius:999px}.type-name>span{display:grid;gap:.1rem}.type-name strong{color:var(--analytics-ink)}.type-name small{color:#8996aa;font-weight:800}.negative-value{color:#cc3e70!important}.margin-pill{display:inline-flex;min-width:58px;justify-content:center;border-radius:999px;padding:.3rem .5rem;font-weight:900}.margin-pill.good{color:#087456;background:#e4f8f1}.margin-pill.fair{color:#93600a;background:#fff4d8}.margin-pill.poor{color:#b4234f;background:#ffeaf1}.low-stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.low-stock-grid button{min-width:0;padding:.75rem;border-color:#f0d5b0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;text-align:left;background:#fffaf2}.low-stock-grid button:hover{border-color:#e5aa58;background:#fff6e7}.low-stock-grid span{min-width:0;display:grid;gap:.18rem}.low-stock-grid strong,.low-stock-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.low-stock-grid strong{color:var(--analytics-ink)}.low-stock-grid small{color:#8a765b}.low-stock-grid b{min-width:52px;border-radius:999px;padding:.25rem .45rem;color:#aa4c26;background:#ffe8d6;text-align:center}.healthy-stock{min-height:90px;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0b7a5b;font-weight:800}.settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:1.25rem;align-items:stretch;min-height:calc(100vh - 150px)}.settings-nav{background:#fff;border-right:1px solid var(--line);border-top:3px solid var(--gold);padding:.85rem;display:flex;flex-direction:column;gap:.35rem;min-height:100%}.settings-nav button{text-align:left;border-color:transparent;min-height:44px}.settings-nav button.active,.settings-nav button:hover{background:#f5f7fb;border-color:var(--line);color:var(--navy);font-weight:800}.settings-nav button:disabled{opacity:.45;cursor:not-allowed}.settings-content{min-width:0;display:grid;align-content:start}.users-panel{display:grid;gap:.75rem}.users-panel .section-header p{margin:.2rem 0 0;color:#62708b;font-size:.9rem}.user-list{display:grid;gap:.65rem}.user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.8rem;background:#fbfcfe}.user-avatar{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.user-main{min-width:0;display:grid;gap:.25rem}.user-title-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-title-line strong{color:var(--black);font-size:1rem}.user-main>span{color:#62708b;overflow-wrap:anywhere}.user-meta{display:flex;flex-wrap:wrap;gap:.4rem}.user-meta span{border:1px solid #d8dee8;border-radius:999px;padding:.2rem .55rem;background:#fff;color:#536079;font-size:.78rem;font-weight:800}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .55rem;font-size:.75rem;font-weight:900}.status-pill.ok{background:#eaf6ef;color:#126636}.status-pill.warn{background:#fff3d8;color:#8a5b00}.status-pill.danger{background:#ffe7e7;color:#9d1b1b}.user-actions{display:flex;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.user-actions button{display:inline-flex;align-items:center;gap:.35rem;min-height:38px;padding:.5rem .65rem}.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.55rem}.checkbox-row input{width:auto}.quick-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}.line-actions{display:flex;gap:.45rem;justify-content:flex-end}.inline-edit{display:grid;grid-template-columns:minmax(84px,1fr) auto;gap:.35rem;min-width:150px}.inline-edit input{min-width:0;padding:.5rem .55rem}.inline-edit button{padding:.5rem .6rem}.row-actions{display:flex;gap:.45rem;flex-wrap:wrap}.line-detail-block{background:#fbfcfe;border:1px solid var(--line);border-radius:8px;padding:.75rem;display:grid;gap:.75rem}.line-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem}.line-detail-meta span{border:1px solid #d8dee8;border-radius:999px;padding:.25rem .6rem;color:#536079;background:#fff;font-size:.82rem;font-weight:800}.detail-table th,.detail-table td{font-size:.86rem}.modal-backdrop{position:fixed;inset:0;z-index:5;background:#08090d94;display:grid;place-items:center;padding:1rem}.modal-panel{width:min(720px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;background:#fff;border:1px solid rgba(240,211,145,.65);border-top:4px solid var(--gold);border-radius:8px;padding:1rem;box-shadow:0 24px 70px #08090d59;display:grid;gap:1rem}.compact-modal{width:min(520px,100%)}.product-import-modal{width:min(920px,calc(100vw - 2rem))}.product-import-actions{display:flex;gap:.5rem;flex-wrap:wrap}.product-import-actions button,.product-import-actions .file-button{min-height:42px}.confirm-modal{width:min(460px,100%)}.confirm-dialog-body{display:grid;gap:.75rem;color:#536079}.confirm-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem .75rem;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fbfcfe;padding:.75rem}.confirm-detail-grid span{color:#62708b;font-size:.82rem;font-weight:800}.confirm-detail-grid strong{color:var(--black);text-align:right;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.purchase-entry-panel{width:min(1280px,calc(100vw - 2rem));max-height:calc(100vh - 2rem)}.line-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.line-dialog-grid label{color:#536079;font-size:.82rem;font-weight:800;display:grid;gap:.35rem}.line-dialog-grid .field-wide{grid-column:1 / -1}.product-autocomplete-field{position:relative}.autocomplete-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:8;max-height:260px;overflow-y:auto;padding:.35rem;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;box-shadow:0 16px 36px #08090d29}.autocomplete-menu button{width:100%;display:grid;gap:.1rem;justify-items:start;padding:.55rem .65rem;border-color:transparent;text-align:left}.autocomplete-menu button:hover{border-color:var(--line);background:#f6f8fb}.autocomplete-menu button strong{color:var(--navy)}.autocomplete-menu button span{color:#62708b;font-size:.86rem}.autocomplete-empty{padding:.65rem;color:#62708b;font-weight:700}.dialog-preview{border:1px solid var(--gold-soft);background:#fff8e8;color:var(--navy);border-radius:6px;padding:.75rem;font-weight:800}.costing-review{grid-column:1 / -1;display:grid;gap:.75rem;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:1rem;background:#fff}.costing-review .table-wrap{border:1px solid var(--line);border-radius:6px}.costing-review td strong,.costing-review-footer strong{color:var(--navy)}.costing-review-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border-top:1px solid var(--line);padding-top:.85rem}.costing-review-footer div{display:grid;gap:.2rem}.costing-review-footer span{color:#62708b;font-weight:800}.costing-review-footer small{color:#62708b;font-weight:700}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(145deg,var(--black),var(--navy))}.auth-panel{width:min(420px,100%);display:grid;gap:.85rem}.auth-brand{margin:0;color:var(--navy)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;inset:0 auto auto;width:auto;z-index:1;height:auto;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}main{margin-left:0;padding:1.5rem}header{position:static;padding:0 0 1rem;box-shadow:none;background:transparent}.brand{min-width:max-content;margin:0;align-self:center}.sidebar-group,.sidebar-bottom{display:contents}.sidebar-subnav{display:flex;gap:.35rem;padding-left:0}.sidebar-subnav button{min-height:0}.pos-grid,.toolbar,.inline-form,.form-grid,.settings-layout,.inventory-overview,.inventory-metrics,.inventory-header-controls,.customer-layout,.customer-list-header,.customer-detail-summary,.supplier-metrics,.payment-receive-form,.invoice-metrics,.invoice-summary-grid,.invoice-detail-grid,.print-toolbar,.product-filter-bar,.report-filter-bar,.report-period-tabs,.report-metrics,.analytics-grid.wide-left,.analytics-grid.thirds,.analytics-grid.halves,.shift-adjustment-grid,.shift-entry-form{grid-template-columns:1fr}.invoice-filter-primary{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(140px,.65fr))}.invoice-filter-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-clear-filter{grid-column:1 / -1}.analytics-hero{align-items:flex-start;flex-direction:column}.dashboard-metrics,.operational-grid,.low-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{min-height:0}.pos-grid{height:auto}.pos-grid>.panel,.product-list,.cart{max-height:none;overflow:visible}.cart-line{grid-template-columns:1fr 1fr}.line-discount-panel,.warning-input{grid-column:1 / -1}.line-discount-panel,.bill-discount,.payment-customer-row,.payment-line,.kept-change-panel,.payment-summary,.costing-review-footer,.line-dialog-grid,.quick-create,.field-with-action{grid-template-columns:1fr}.user-row{grid-template-columns:44px minmax(0,1fr);align-items:start}.user-actions{grid-column:1 / -1;justify-content:stretch}.user-actions button{flex:1;justify-content:center}.line-actions{justify-content:stretch}.line-actions button{flex:1}.dialog-actions{justify-content:stretch}.dialog-actions button{flex:1}.header-actions{align-items:stretch;flex-direction:column}}@media(max-width:560px){.invoice-list-heading{align-items:flex-start}.invoice-list-heading>div{display:grid;gap:.2rem}.invoice-filter-primary,.invoice-filter-secondary{grid-template-columns:1fr}.invoice-clear-filter{grid-column:auto}.dashboard-metrics,.operational-grid,.low-stock-grid,.lifetime-strip{grid-template-columns:1fr}.lifetime-strip>div,.lifetime-strip>div:first-child,.lifetime-strip>div:last-child{padding:.55rem 0;border-right:0;border-bottom:1px solid #dfe6f1}.lifetime-strip>div:last-child{border-bottom:0}.dashboard-section-heading{align-items:flex-start;flex-direction:column}.dashboard-summary-controls{align-items:stretch;flex-direction:column}.dashboard-period-control{justify-content:flex-end}.donut-layout{grid-template-columns:1fr}.report-period-tabs{width:100%}.trend-chart{min-height:180px}}
