:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #111827;--muted: #667085;--line: #e5e7eb;--soft: #f5f7fb;--card: #ffffff;--brand: #5b0e2d;--brand-2: #0f766e;--blue: #2563eb;--warn: #b45309;--danger: #b42318;--shadow: 0 18px 46px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;background:linear-gradient(135deg,#0f766e0f,#2563eb0d),var(--soft);color:var(--ink);letter-spacing:0;overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.boot-screen,.loading{align-items:center;color:var(--muted);display:flex;min-height:100vh;justify-content:center}.login-screen{align-items:center;background:linear-gradient(135deg,#111827e6,#5b0e2dc2),url(/img/background.jpeg) center / cover;display:grid;gap:clamp(1.5rem,5vw,5rem);grid-template-columns:minmax(0,1fr) minmax(320px,430px);min-height:100vh;padding:clamp(1rem,5vw,4rem)}.login-copy{color:#fff;max-width:760px}.eyebrow{color:var(--brand-2);display:inline-flex;font-size:.76rem;font-weight:900;letter-spacing:.08rem;text-transform:uppercase}.login-copy .eyebrow{color:#ffffffb8}.login-copy h1{font-size:clamp(2.25rem,5.4vw,5rem);font-weight:950;line-height:.97;margin:.8rem 0 1rem}.login-copy p{color:#ffffffbf;font-size:1.08rem;max-width:520px}.login-box{background:#fffffff0;border:1px solid rgba(255,255,255,.58);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:2rem;justify-items:stretch;padding:clamp(1.4rem,4vw,2.2rem)}.login-mark{align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:8px;color:#fff;display:inline-flex;height:54px;justify-content:center;width:54px}.login-logo{border-radius:8px;box-shadow:0 12px 30px #11182729;height:58px;justify-self:center;width:58px}.login-box h2{font-size:1.6rem;margin:0;text-align:center}label{color:#344054;display:grid;font-size:.82rem;font-weight:500;gap:.4rem}label:has(input[required]):after,label:has(select[required]):after,label:has(textarea[required]):after{color:var(--danger);content:"*";font-size:1rem;font-weight:800;grid-column:2;grid-row:1;letter-spacing:0}label:has(input[required]),label:has(select[required]),label:has(textarea[required]){grid-template-columns:max-content minmax(0,1fr)}label>input,label>select,label>textarea{grid-column:1 / -1}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:var(--ink);min-height:44px;outline:none;padding:.65rem .8rem;width:100%}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px #0f766e24}.primary,.ghost,.icon-button,.mini{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:850;gap:.45rem;justify-content:center;min-height:40px;padding:.65rem .95rem;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #5b0e2d2e}.primary:hover,.ghost:hover,.icon-button:hover,.mini:hover{transform:translateY(-1px)}.ghost,.icon-button,.mini{background:#fff;border:1px solid var(--line);color:var(--ink)}.ghost{border-color:#c6d0dd}.mini{background:#f8fafc;border-color:#c6d0dd}.mini.danger{border-color:#fecaca;color:var(--danger)}.mini{min-height:34px;padding:.45rem .7rem}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#111827,#5b0e2d 58%,#0f766e);color:#fff;display:flex;flex-direction:column;gap:1rem;height:100vh;left:0;overflow:hidden;padding:1.1rem;position:fixed;top:0;width:280px;z-index:8}.brand{align-items:center;display:flex;gap:.75rem;padding:.6rem}.brand>div{min-width:0}.mobile-menu-button{display:none}.brand img{border-radius:50%;display:block;height:44px;object-fit:cover;opacity:1;width:44px}.brand strong,.sidebar-user strong{display:block}.brand span,.sidebar-user small{color:#ffffff9e;font-size:.78rem;font-weight:750}.sidebar nav{display:grid;flex:1;gap:.7rem;min-height:0;overflow-y:auto;padding-right:.2rem;scrollbar-width:thin}.nav-group{display:grid;gap:.3rem}.nav-group small{color:#ffffff7a;font-size:.68rem;font-weight:900;letter-spacing:.08rem;padding:0 .75rem;text-transform:uppercase}.sidebar nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:#ffffffb8;display:flex;gap:.75rem;min-height:41px;padding:0 .72rem;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff24;color:#fff}.sidebar-user{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;flex-shrink:0;gap:.75rem;padding:.75rem}.sidebar-user>span{align-items:center;background:#fff;border-radius:8px;color:var(--brand);display:inline-flex;font-weight:950;height:42px;justify-content:center;width:42px}main{display:flex;flex-direction:column;grid-column:2;min-width:0}.topbar{align-items:center;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,24,39,.08);display:flex;justify-content:space-between;padding:1rem clamp(1rem,2.4vw,2rem);position:sticky;top:0;z-index:5}.topbar h1{font-size:1.55rem;margin:.15rem 0 0}.topbar-actions{display:flex;gap:.55rem}.app-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:750;gap:.75rem;justify-content:space-between;margin-top:auto;padding:1rem clamp(1rem,2.4vw,2rem)}.app-footer strong{color:var(--brand);font-weight:950}.app-footer span{min-width:0;overflow-wrap:anywhere}.workspace{display:grid;gap:1.2rem;padding:clamp(1rem,2.4vw,2rem)}.hero-band{align-items:center;background:linear-gradient(135deg,#111827f0,#5b0e2de0),url(/img/background.jpeg) center / cover;border-radius:8px;color:#fff;display:flex;justify-content:space-between;min-height:190px;padding:clamp(1.3rem,3vw,2rem)}.hero-band h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1;margin:.4rem 0}.hero-band p{color:#ffffffb8;margin:0;max-width:640px}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel{background:var(--card);border:1px solid rgba(17,24,39,.08);border-radius:8px;box-shadow:var(--shadow)}.metric{display:grid;gap:.35rem;min-height:142px;padding:1.1rem}.metric svg{color:var(--brand-2)}.metric.warn svg{color:var(--warn)}.metric span,.metric small{color:var(--muted);font-weight:750}.metric strong{font-size:clamp(1.35rem,2vw,1.9rem)}.content-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.content-grid.wide-left{grid-template-columns:minmax(0,1fr) 380px}.panel{min-width:0;overflow:hidden}.panel>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:.95rem 1rem}.panel h3{font-size:.94rem;margin:0}.panel>:not(header){padding:1rem}.table-wrap{max-height:620px;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #edf0f4;padding:.8rem .75rem;text-align:left;vertical-align:middle}th{background:#f8fafc;color:#475467;font-size:.72rem;font-weight:900;position:sticky;text-transform:uppercase;top:0}td{color:#344054;font-size:.9rem}tbody tr:hover{background:#0f766e0d}.badge,.stock-pill{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:900;padding:.35rem .55rem;white-space:nowrap}.badge.paid{background:#dcfce7;color:#166534}.badge.part{background:#fef3c7;color:#92400e}.badge.unpaid,.stock-pill.low{background:#fee2e2;color:var(--danger)}.stock-pill{background:#e0f2fe;color:#075985}.watchlist{display:grid;gap:.65rem}.watch-item{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;padding:.85rem}.watch-item strong{display:block}.watch-item span{color:var(--muted);font-size:.82rem}.watch-item b{color:var(--danger)}.year-pattern{display:grid;gap:.75rem}.year-pattern>div{align-items:center;display:grid;gap:.75rem;grid-template-columns:44px minmax(0,1fr) 132px}.year-pattern span{color:var(--muted);font-size:.78rem;font-weight:850}.year-pattern>div>div{background:#eef2f7;border-radius:999px;height:14px;overflow:hidden}.year-pattern i{background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:inherit;display:block;height:100%}.year-pattern strong{font-size:.82rem;text-align:right}.year-pattern>div:not(.active) strong{color:var(--muted)}.toolbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.segmented{align-items:center;background:#fff;border:1px solid #b9c4d2;border-radius:8px;box-shadow:0 10px 24px #11182714;display:inline-flex;gap:.45rem;justify-self:start;padding:.4rem}.segmented button{background:#f8fafc;border:1px solid #d7dee8;border-radius:6px;color:var(--ink);font-weight:900;min-height:44px;padding:.65rem 1rem}.segmented button.active{background:var(--brand);border-color:var(--brand);box-shadow:0 10px 22px #5b0e2d33;color:#fff}.search-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex:1;gap:.5rem;max-width:680px;padding-left:.8rem}.search-box svg{color:var(--muted)}.search-box input{border:0;box-shadow:none}.filter-select{max-width:240px}.row-actions{display:flex;flex-wrap:nowrap;gap:.4rem;min-width:max-content}.table-toolbar{border-bottom:1px solid var(--line);padding:1rem}.qty-control{align-items:center;display:grid;gap:.35rem;grid-template-columns:34px 72px 34px}.qty-control .icon-button{min-height:34px;padding:0}.qty-control input{min-height:34px;padding:.35rem;text-align:center}.stack-form,.sale-builder{display:grid;gap:.8rem}.stack-form{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-form>label{align-self:start}.stack-form>label:has(textarea),.stack-form>.form-row,.stack-form>.detail-list,.stack-form>.divider,.stack-form>button{grid-column:1 / -1}.form-row,.cart-adder,.totals{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.section-actions,.report-filter,.report-totals{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.section-actions{justify-content:flex-end;margin-top:1rem}.report-filter{background:#f8fafc;border-bottom:1px solid var(--line);padding:1rem}.report-filter label{min-width:180px}.report-filter-modern{border:1px solid var(--line);border-radius:8px;justify-content:flex-start}.quick-ranges{display:flex;flex-wrap:wrap;gap:.45rem}.reports-workspace .report-head{display:none}.report-totals{border-bottom:1px solid var(--line);padding:.85rem 1rem}.report-totals strong{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.55rem .75rem}.reports-workspace .report-print{display:grid;gap:1rem}.trend-strip{align-items:end;display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));min-height:260px}.trend-strip>div{align-items:center;display:grid;gap:.45rem;grid-template-rows:20px 1fr 34px;height:260px;text-align:center}.trend-strip span,.trend-strip strong,.rank-bars span,.legend-list span,.inventory-tiles span,.hour-grid span{color:var(--muted);font-size:.76rem;font-weight:850}.trend-strip i{align-self:end;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:8px 8px 3px 3px;display:block;min-height:8px;width:100%}.trend-strip strong{color:var(--ink);overflow-wrap:anywhere}.line-chart{display:grid;gap:.65rem}.line-chart svg{background:linear-gradient(180deg,#0f766e0a,#5b0e2d08),#fff;border:1px solid var(--line);border-radius:8px;height:280px;overflow:visible;padding:.75rem;width:100%}.line-chart line{stroke:#e5e7eb;stroke-width:1}.line-chart .axis-line{stroke:#98a2b3;stroke-width:1.4}.axis-title,.axis-label{fill:var(--muted);font-size:.72rem;font-weight:850}.axis-title{fill:var(--brand);text-transform:uppercase}.x-label{fill:#475467}.line-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.revenue-line{stroke:var(--brand)}.paid-line{stroke:var(--brand-2)}.revenue-point{fill:var(--brand)}.paid-point{fill:var(--brand-2)}.line-chart-labels{color:var(--muted);display:flex;font-size:.72rem;font-weight:850;justify-content:space-between;overflow:hidden}.donut-panel{align-items:center;display:grid;gap:1rem;grid-template-columns:180px minmax(0,1fr)}.donut{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;position:relative}.donut:after{background:#fff;border-radius:inherit;content:"";inset:28px;position:absolute}.donut span{color:var(--ink);font-size:.95rem;font-weight:950;position:relative;text-align:center;z-index:1}.legend-list,.rank-bars{display:grid;gap:.75rem}.legend-list>div,.rank-bars>div{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(120px,1fr) minmax(0,1.3fr) 110px}.legend-list>div{grid-template-columns:minmax(0,1fr) max-content}.rank-bars>div>div{background:#eef2f7;border-radius:999px;height:12px;overflow:hidden}.rank-bars i{background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:inherit;display:block;height:100%}.rank-bars strong,.legend-list strong{font-size:.84rem;text-align:right}.inventory-tiles{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-tiles>div,.hour-grid>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:.25rem;padding:.8rem}.inventory-tiles strong,.hour-grid strong{font-size:1.05rem}.hour-grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.receipt{display:grid;gap:1rem}.receipt-head{align-items:center;display:grid;gap:1rem;grid-template-columns:76px minmax(0,1fr);padding:.6rem 0;text-align:center}.receipt-head img{height:64px;object-fit:contain;width:64px}.receipt-head>strong{background:var(--brand);border-radius:8px;color:#fff;padding:.55rem .75rem;text-align:center}.receipt h1,.receipt h2{color:#1f2a44;font-size:1.85rem;line-height:1.05;margin:0;text-align:center}.receipt h1{font-size:2.05rem}.receipt h3{color:var(--brand);font-size:1rem;margin:.5rem 0 0;text-align:center;text-transform:uppercase}.receipt p{color:var(--muted);margin:.35rem 0 0;max-width:none;text-align:center}.invoice-print{page-break-after:avoid;page-break-inside:avoid}.receipt-meta,.detail-list{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:.45rem 1rem;padding:1rem}.detail-list,.receipt-meta{grid-template-columns:max-content minmax(0,1fr)}.receipt-meta span,.detail-list span{color:var(--muted);font-weight:850}.receipt-meta strong{overflow-wrap:anywhere}.invoice-table{min-width:640px}.invoice-summary-row th{background:#fff;color:#1f2a44;font-size:.82rem;text-align:right;text-transform:uppercase}.invoice-summary-row td{font-weight:900;text-align:left}.invoice-summary-row.grand th,.invoice-summary-row.grand td{background:#f8fafc;font-size:.92rem}.receipt-title{color:#1f2a44;font-size:1.4rem;font-weight:900;text-align:center;text-transform:uppercase}.receipt-total{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:.9rem}.receipt-total span,.receipt-total strong{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}.summary-table{border-collapse:collapse;justify-self:end;min-width:360px;width:min(100%,440px)}.summary-table th,.summary-table td{color:#111827;padding:.65rem .85rem;text-align:right}.summary-table th{background:#f8fafc;font-size:.8rem;position:static;text-transform:uppercase}.summary-table td{font-weight:900}.signature-row{align-items:center;display:flex;font-weight:800;gap:1rem;justify-content:space-between;margin-top:4rem}.staff-detail{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 220px}.staff-photo-frame{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;min-height:220px;overflow:hidden}.staff-photo-frame img{aspect-ratio:1;object-fit:cover;width:100%}.staff-photo-frame span{color:var(--muted);font-weight:850}.return-box{border-top:1px solid var(--line);display:grid;gap:.8rem;margin-top:1rem;padding-top:1rem}.return-box h3{margin:0}.return-summary{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:.55rem .85rem;grid-template-columns:repeat(3,max-content);justify-content:end;padding:.9rem}.return-summary span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.return-summary-table{margin-left:auto}.report-print{display:grid;gap:1rem}.row-check{min-height:18px;width:18px}.modal-backdrop{align-items:center;background:#11182785;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:40}.modal-card{background:#fff;border:1px solid rgba(255,255,255,.56);border-radius:8px;box-shadow:0 28px 80px #11182747;max-height:min(880px,calc(100vh - 2rem));max-width:720px;overflow:auto;width:min(100%,720px)}.modal-card.wide{max-width:1040px;width:min(100%,1040px)}.modal-card>header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:.9rem 1rem;position:sticky;top:0;z-index:1}.modal-card h3{margin:0}.modal-card>div{display:grid;gap:1rem;padding:1rem}.subform{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.divider{border-top:1px solid var(--line);margin:.3rem 0}.cart-adder{grid-template-columns:minmax(0,1fr) 90px auto}.totals{align-items:end;grid-template-columns:repeat(4,minmax(0,1fr))}.totals.sale-totals{grid-template-columns:repeat(6,minmax(0,1fr))}.totals>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:.25rem;padding:.7rem}.totals span{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.totals strong{font-size:1.15rem}.empty,.inline-alert,.toast{border-radius:8px;padding:.9rem 1rem}.empty{background:#f8fafc;border:1px dashed #cbd5e1;color:var(--muted);text-align:center}.inline-alert.error,.toast.error{background:#fef3f2;color:var(--danger)}.toast.success,.inline-alert.success{background:#ecfdf3;color:#067647}.toast{box-shadow:var(--shadow);font-weight:850;position:fixed;right:1.25rem;top:5.6rem;z-index:20}.report-bars{display:grid;gap:.9rem}.report-bars>div{align-items:center;display:grid;gap:.75rem;grid-template-columns:85px minmax(0,1fr) 140px}.report-bars span,.payment-bars span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.report-bars div div{background:#eef2f7;border-radius:999px;display:grid;gap:.25rem;height:auto;overflow:hidden}.report-bars i{background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:inherit;display:block;height:10px}.report-bars i.paid-trend,.chart-legend i.paid-trend{background:linear-gradient(90deg,#2563eb,#0f766e)}.report-bars strong{font-size:.9rem;text-align:right}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.chart-legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:.78rem;font-weight:900;gap:.4rem;text-transform:uppercase}.chart-legend i{background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:999px;display:inline-block;height:10px;width:28px}.payment-bars{align-items:end;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));min-height:220px}.payment-bars>div{align-items:center;display:grid;gap:.55rem;grid-template-rows:auto auto 1fr;height:100%}.payment-bars b{color:var(--ink);font-size:1.35rem}.payment-bars div div{align-items:end;background:#eef2f7;border-radius:8px;display:flex;height:150px;overflow:hidden;width:100%}.payment-bars i{background:linear-gradient(180deg,var(--brand-2),var(--brand));display:block;width:100%}@media(max-width:1120px){.app-shell,.content-grid,.content-grid.wide-left,.login-screen{grid-template-columns:1fr}.sidebar{height:auto;left:auto;overflow:visible;position:static;width:auto}main{grid-column:auto}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.nav-group{align-content:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.login-screen{align-content:center;gap:1.25rem;min-height:100svh}.login-copy{max-width:620px}.login-copy h1{font-size:clamp(2rem,8vw,3.4rem)}.topbar{align-items:flex-start;gap:.9rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-start}.content-grid,.content-grid.wide-left{grid-template-columns:1fr}.report-filter-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-modern label,.report-filter-modern button{min-width:0;width:100%}.donut-panel,.staff-detail{grid-template-columns:1fr}.donut{justify-self:center;max-width:220px;width:min(70vw,220px)}.line-chart{overflow-x:auto;-webkit-overflow-scrolling:touch}.line-chart svg{min-width:640px}}@media(max-width:720px){.hero-band,.topbar,.toolbar{align-items:flex-start;flex-direction:column}.login-screen{padding:1rem}.login-copy{display:none}.login-box{width:100%}.sidebar{gap:.75rem;padding:.85rem}.brand{gap:.65rem;justify-content:space-between;padding:.25rem}.sidebar nav{display:none;gap:.75rem;grid-template-columns:1fr;margin-inline:0;overflow:visible;padding:.35rem 0 0}.sidebar nav.open{display:grid}.nav-group{display:grid;flex:initial;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-group small{display:block;grid-column:1 / -1;padding:0}.sidebar nav button{justify-content:flex-start;min-width:0;padding:0 .85rem;width:100%}.mobile-menu-button{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;display:inline-flex;font-weight:900;gap:.4rem;min-height:42px;padding:0 .75rem;white-space:nowrap}.sidebar-user{display:none}.topbar{padding:.85rem 1rem;position:static}.topbar h1{font-size:1.35rem}.topbar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.topbar-actions .ghost,.topbar-actions .icon-button{min-width:0;overflow:hidden;padding-inline:.55rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.topbar-actions .ghost span{min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace{gap:1rem;padding:1rem;width:100%}.app-footer{align-items:flex-start;flex-direction:column;padding:1rem;width:100%}.hero-band{min-height:170px;overflow:hidden;width:100%}.hero-band h2{font-size:clamp(1.75rem,9vw,2.45rem);line-height:1.04;overflow-wrap:anywhere}.hero-band p{font-size:.95rem;overflow-wrap:anywhere}.metric-grid,.form-row,.stack-form,.cart-adder,.totals,.totals.sale-totals,.report-bars>div,.payment-bars,.staff-detail,.receipt-meta{grid-template-columns:1fr}.panel>header{align-items:flex-start;gap:.65rem}.panel>header,.toolbar,.section-actions,.report-filter,.report-totals{flex-direction:column}.panel>header>span,.panel>header button,.toolbar button,.section-actions button{width:100%}.report-filter-modern,.form-row,.stack-form,.cart-adder,.totals,.totals.sale-totals{grid-template-columns:1fr}.rank-bars>div{align-items:start;grid-template-columns:1fr}.rank-bars strong{text-align:left}.inventory-tiles{grid-template-columns:1fr}.hour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.year-pattern>div{align-items:start;gap:.45rem .65rem;grid-template-columns:38px minmax(0,1fr)}.year-pattern strong{grid-column:2;text-align:left}.year-pattern>div>div{min-width:0}.topbar-actions,.search-box,.segmented,.filter-select{width:100%}.segmented{display:grid}.receipt-meta,.detail-list{grid-template-columns:1fr}table{min-width:680px}.modal-backdrop{align-items:stretch;padding:0}.modal-card,.modal-card.wide{border-radius:0;max-height:100svh;width:100%}.modal-card>header{position:sticky;top:0;z-index:1}}@media(max-width:480px){.primary,.ghost,.icon-button,.mini{min-height:44px}.brand strong{font-size:1rem}.brand span{font-size:.72rem}.brand img{height:38px;width:38px}.topbar-actions{grid-template-columns:1fr 1fr 48px}.topbar-actions .ghost{padding-inline:.55rem}.metric{min-height:124px;padding:.9rem}.metric strong{font-size:1.35rem}.segmented{gap:.3rem;padding:.3rem}.segmented button{min-height:42px;padding:.55rem .65rem}.qty-control{grid-template-columns:42px minmax(64px,1fr) 42px}.line-chart svg{min-width:560px}.axis-label{font-size:.66rem}.hour-grid{grid-template-columns:1fr}}@media print{@page invoice-page{margin:7mm;size:A4 portrait}@page report-page{margin:8mm;size:A4 landscape}html,body{height:auto;min-height:0}body{background:#fff}body[data-print-mode] .sidebar,body[data-print-mode] .topbar,body[data-print-mode=report] .panel>header,body[data-print-mode=report] .report-filter,body[data-print-mode] .modal-card>header,body[data-print-mode] .section-actions{display:none!important}body[data-print-mode] .app-shell,body[data-print-mode] main,body[data-print-mode] .workspace,body[data-print-mode] .modal-backdrop,body[data-print-mode] .modal-card,body[data-print-mode] .modal-card>div{background:#fff!important;border:0!important;box-shadow:none!important;display:block!important;height:auto!important;inset:auto!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;overflow:visible!important;padding:0!important;position:static!important;width:auto!important}body[data-print-mode=invoice] .workspace>:not(.modal-backdrop),body[data-print-mode=report] .workspace>:not(.report-print-target),body[data-print-mode=report] .report-print-target~*,body[data-print-mode=invoice] .print-target:not(.invoice-print),body[data-print-mode=report] .print-target:not(.report-print-target){display:none!important}body *{visibility:hidden!important}.print-target,.print-target *{visibility:visible!important}.print-target{background:#fff;box-shadow:none;left:auto;padding:0;position:static;top:auto;width:100%}.invoice-print{page:invoice-page}.report-print-target{page:report-page}.print-target.invoice-print{font-size:10px;gap:.45rem}.print-target.invoice-print .receipt-head{grid-template-columns:62px minmax(0,1fr);padding:.45rem .55rem}.print-target.invoice-print .receipt-head img{height:54px;width:54px}.print-target.invoice-print .receipt-head h1,.print-target.invoice-print .receipt-head h2{font-size:1.65rem;line-height:1.05}.print-target.invoice-print .receipt-head p{font-size:.78rem;line-height:1.15;margin-top:.15rem}.print-target.invoice-print .receipt-title{font-size:1rem}.print-target.invoice-print .receipt-meta{gap:.35rem;grid-template-columns:max-content minmax(0,1fr);padding:.55rem}.print-target.invoice-print .receipt-meta span{font-size:.68rem}.print-target.invoice-print .receipt-meta strong{font-size:.8rem;line-height:1.15}.print-target.invoice-print .summary-table{min-width:270px;width:320px}.print-target.report-print-target{font-size:9px;gap:.45rem}.print-target.report-print-target .receipt-head{display:grid;grid-template-columns:54px minmax(0,1fr);padding:0 0 .35rem}.print-target.report-print-target .receipt-head img{height:48px;width:48px}.print-target.report-print-target .receipt-head h2{font-size:1.35rem}.print-target.report-print-target .receipt-head h3{font-size:.78rem;margin-top:.25rem}.print-target.report-print-target .receipt-head p{font-size:.68rem;line-height:1.15;margin-top:.1rem}.print-target.report-print-target .report-totals{gap:.35rem;grid-template-columns:repeat(4,minmax(0,1fr))}.print-target.report-print-target .report-totals strong{padding:.35rem}.print-target.report-print-target table{font-size:8px;table-layout:fixed}.print-target.report-print-target th,.print-target.report-print-target td{overflow-wrap:anywhere;padding:.22rem .25rem}.print-target .table-wrap{max-height:none;overflow:visible}.print-target table{min-width:0}.print-target th{position:static}.print-target th,.print-target td{padding:.28rem .4rem}.print-target .summary-table th,.print-target .summary-table td{padding:.26rem .4rem}.print-target .signature-row{margin-top:4rem}.signature-row{page-break-inside:avoid}}