:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f7f8f6;--surface:#fff;--surface-subtle:#f3f5f2;--surface-hover:#eaf0ec;--border:#e1e7e2;--border-strong:#b5c7be;--heading:#192e2b;--text:#536760;--muted:#61756d;--accent:#0c736b;--accent-soft:#e5f2ec;--accent-border:#bfded0;--focus:#087d73;--focus-shadow:#087d7322;--danger:#b33743;--positive:#08744c;--ease-out:cubic-bezier(.23,1,.32,1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--canvas);color:var(--heading);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111817;--surface:#192220;--surface-subtle:#202c28;--surface-hover:#2c3b35;--border:#34463e;--border-strong:#5c796d;--heading:#eff6f1;--text:#b2c6ba;--muted:#a3b9ad;--accent:#8fd6b5;--accent-soft:#233c31;--accent-border:#406a54;--focus:#91dfba;--focus-shadow:#91dfba22;--danger:#ffadb4;--positive:#8bd7ad}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere}h1{letter-spacing:-1.5px;margin-bottom:11px;font-size:clamp(30px,3vw,40px);font-weight:650;line-height:1.16}h2{letter-spacing:-.45px;margin-bottom:0;font-size:17px;font-weight:620}input{min-width:0}::selection{background:var(--accent-border)}.positive{color:var(--positive)}.negative,.danger{color:var(--danger)}.muted{color:var(--muted)}.amount,.mono,strong{font-variant-numeric:tabular-nums}.amount{white-space:nowrap;font-weight:600}.brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#0c736b;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand strong{letter-spacing:-1.15px;font-size:24px;font-weight:680;line-height:1.1;display:block}.brand small{letter-spacing:2.1px;color:var(--muted);margin-top:6px;font-size:8px;font-weight:650;display:block}.eyebrow{letter-spacing:1.8px;color:var(--muted);margin-bottom:15px;font-size:10px;font-weight:650;display:block}.button{text-align:center;touch-action:manipulation;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:600;line-height:1.45;text-decoration:none;display:inline-flex}.button.secondary{color:var(--heading);border-color:var(--border);background:var(--surface)}.button.full{width:100%}.button.small{min-height:36px;padding:7px 12px;font-size:12px}.icon-button{width:38px;height:38px;color:var(--text);touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.text-button{color:var(--accent);touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 0;font-size:12px;font-weight:600;display:inline-flex}.text-button.danger{color:var(--danger)}.mini-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:15px;place-items:center;display:inline-grid}.app{min-height:100dvh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:224px;min-width:224px;height:100dvh;padding:30px 18px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar>.brand{padding:0 8px}.nav-heading{letter-spacing:1.8px;color:var(--muted);margin:46px 14px 15px;font-size:9px;font-weight:650}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-link{text-align:left;width:100%;min-height:46px;color:var(--text);touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;font-weight:550;display:flex}.nav-link span{min-width:0}.nav-link small{background:var(--surface-hover);border-radius:6px;margin-left:auto;padding:3px 6px;font-size:10px}.nav-link.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.sidebar-note{color:var(--muted);margin:auto 3px 28px;padding:22px 15px 4px}.sidebar-note>svg{color:var(--accent);margin-bottom:15px}.sidebar-note strong{color:var(--heading);font-size:12px;font-weight:600;line-height:1.6;display:block}.sidebar-note p{margin:7px 0 0;font-size:11px;line-height:1.8}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:9px;padding-top:18px;display:flex}.avatar{background:var(--accent-soft);width:33px;height:33px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong{font-size:11px;font-weight:600;display:block}.sidebar-user small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.sidebar-user>.icon-button{width:30px}.workspace{flex:1;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:75px;padding:0 36px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:var(--heading);font-weight:550}.topbar-actions{align-items:center;gap:6px;display:flex}.sync-state{color:var(--muted);align-items:center;gap:7px;margin-right:12px;font-size:10px;display:flex}.sync-state i,.connection-dot{background:var(--positive);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sync-state.is-error i{background:var(--danger)}.demo-banner{background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--accent-border);justify-content:space-between;align-items:center;gap:14px;padding:9px 36px;font-size:11px;line-height:1.6;display:flex}.demo-banner strong{font-weight:650}.demo-banner button{color:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;min-height:32px;padding:5px 0;font-size:11px;font-weight:600;display:inline-flex}.main-content{outline:none;max-width:1680px;margin:0 auto;padding:36px 36px 0}.page-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px;display:flex}.page-heading>div:first-child{min-width:0}.page-heading p{color:var(--text);margin:0;font-size:13px;line-height:1.6}.heading-actions{flex-shrink:0;align-items:center;gap:10px;padding-bottom:3px;display:flex}.heading-actions .custom-select{width:174px}.heading-actions .select-trigger{background:var(--surface);border-radius:12px;min-height:44px;padding:10px 12px;font-size:12px}.heading-actions>.button{white-space:nowrap}.panel{background:var(--surface);border:1px solid var(--border);border-radius:19px;min-width:0;overflow:hidden}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;padding:24px;display:flex}.panel-title p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.panel-title>.text-button{margin-top:-5px}.panel-title>svg{color:var(--muted)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:17px;flex-direction:column;align-items:flex-start;min-width:0;padding:21px 21px 18px;display:flex}.metric-label{color:var(--text);justify-content:space-between;align-self:stretch;align-items:center;gap:10px;font-size:11px;font-weight:550;display:flex}.metric-label svg{color:var(--muted);width:18px;height:18px}.metric>strong{letter-spacing:-1.1px;overflow-wrap:anywhere;margin:23px 0 9px;font-size:clamp(23px,2.1vw,34px);font-weight:620;line-height:1.2}.metric>strong>small{color:var(--text);letter-spacing:0;font-size:12px;font-weight:450}.metric p{color:var(--muted);margin-bottom:17px;font-size:10px;line-height:1.7}.metric-detail,.metric-link{color:var(--muted);align-items:flex-start;gap:6px;margin-top:auto;font-size:9px;line-height:1.6;display:flex}.metric-link{color:var(--accent);background:0 0;border:0;align-items:center;min-height:25px;padding:0;font-weight:600}.metric.revenue{color:#fff;background:#0c736b;border-color:#0c736b}.revenue .metric-label,.revenue p,.revenue .metric-detail,.revenue .metric-label svg{color:#e5f8ed}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px;margin-bottom:24px;display:grid}.chart-key{color:var(--muted);align-items:center;gap:6px;padding-top:3px;font-size:10px;display:inline-flex}.chart-key i{background:#5aab8c;border-radius:2px;width:7px;height:7px}.chart{background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--border) 46px,transparent 47px);background-origin:content-box;align-items:flex-end;gap:14px;height:230px;padding:12px 28px 24px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:0;height:100%;display:flex}.chart-amount{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px}.chart-track{flex:1;align-items:flex-end;width:100%;max-width:47px;display:flex}.chart-bar{background:#b5d7c7;border-radius:6px 6px 0 0;width:100%;min-height:2px}.chart-bar.current{background:#0c736b}.chart-month{color:var(--muted);font-size:10px}.category-list{padding:0 24px 13px}.category-list>div{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:13px 0;font-size:12px;display:flex}.category-list>div:last-child{border:0}.category-list strong{white-space:nowrap;margin-left:auto;font-size:16px;font-weight:600}.category-list strong small{color:var(--muted);font-size:10px;font-weight:450}.category-icon,.product-symbol{color:#667e58;background:#edf1eb;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.category-icon.care,.product-symbol.care{color:#518875;background:#e8f1ed}.category-icon.other,.product-symbol.other{color:#9b8052;background:#f4eee4}.stock-overview>.button{width:calc(100% - 48px);margin:0 24px 24px}.calculation-note{color:var(--muted);align-items:flex-start;gap:8px;margin:19px 0 0;font-size:10px;line-height:1.7;display:flex}.calculation-note svg{color:var(--accent);flex-shrink:0}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:23px;display:flex}.search{background:var(--surface-subtle);border:1px solid var(--border);width:100%;min-width:0;max-width:420px;min-height:45px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 13px;display:flex}.search>svg{flex-shrink:0}.search input{width:100%;color:var(--heading);background:0 0;border:0;outline:0;padding:12px 0;font-size:12px}.search input::placeholder,.field input::placeholder{color:var(--muted);opacity:1}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-shadow)}.search>.icon-button{width:24px;height:28px}.list-filters{gap:10px;display:flex}.list-filters>.custom-select,.list-toolbar>.custom-select{width:180px}.list-toolbar .select-trigger{min-height:45px;font-size:12px}.list-caption{color:var(--muted);justify-content:space-between;gap:14px;padding:0 24px 19px;font-size:10px;line-height:1.7;display:flex}.list-caption strong{color:var(--heading);font-weight:550}.desktop-table{position:relative;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:var(--muted);background:var(--surface-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 22px;font-size:10px;font-weight:550}td{border-bottom:1px solid var(--border);color:var(--text);padding:18px 22px}tr:last-child>td{border-bottom:0}td .mono,td.mono{white-space:nowrap;font-size:11px}td .product-name{min-width:180px;max-width:270px}.product-name{align-items:center;gap:12px;min-width:0;display:flex}.product-name>div{min-width:0}.product-name strong{color:var(--heading);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.55;display:block}.product-name small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:10px;line-height:1.5;display:block}.row-actions{justify-content:flex-end;gap:7px;display:flex}.row-actions .button{white-space:nowrap}.quantity-badge{white-space:nowrap;color:var(--accent);background:var(--accent-soft);border-radius:7px;padding:5px 8px;font-size:10px;font-weight:550;display:inline-block}.quantity-badge.empty{color:var(--muted);background:var(--surface-subtle)}.sale-status{white-space:nowrap;color:var(--positive);background:var(--accent-soft);border-radius:7px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:550;display:inline-flex}.sale-status:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.sale-status.cancelled{background:var(--surface-subtle);color:var(--muted)}tr.cancelled>.amount{text-decoration:line-through}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;font-size:11px;display:flex}.pagination>div{gap:8px;display:flex}.mobile-records{display:none}.workspace-footer{color:var(--muted);justify-content:space-between;gap:20px;padding:30px 0 24px;font-size:9px;line-height:1.6;display:flex}.alert{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);overflow-wrap:anywhere;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:12px 16px;font-size:12px;line-height:1.6;display:flex}.alert .icon-button{width:28px;height:28px}.alert.error{border-color:var(--danger);color:var(--danger);background:var(--surface)}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:50px 24px;display:flex}.empty-state h2{color:var(--heading);font-size:18px}.empty-state p{max-width:400px;margin:0;font-size:12px;line-height:1.8}.empty-state .button{margin-top:5px}.empty-icon{width:60px;height:60px;color:var(--accent);background:var(--accent-soft);border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.form-dialog{border:1px solid var(--border);background:var(--surface);width:520px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);color:var(--heading);overscroll-behavior:contain;border-radius:23px;margin:auto;padding:27px;overflow-y:auto;box-shadow:0 25px 100px #102d2330}.form-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e1680}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.form-dialog h2{letter-spacing:-.8px;font-size:25px}.dialog-intro{color:var(--text);margin:9px 0 23px;font-size:12px;line-height:1.8}.form-dialog fieldset{border:0;flex-direction:column;gap:19px;min-width:0;margin:0;padding:0;display:flex}.field>span{color:var(--text);font-size:12px;font-weight:550}.field input{border:1px solid var(--border-strong);background:var(--surface-subtle);width:100%;min-width:0;min-height:46px;color:var(--heading);border-radius:12px;outline:0;padding:12px 13px;font-size:14px}.field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-shadow)}.field input[aria-invalid=true],.form-dialog [aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:11px;line-height:1.6}.input-help{color:var(--muted);font-size:11px}.form-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.form-dialog .select-trigger,.form-dialog .date-trigger{background:var(--surface-subtle);border-color:var(--border-strong);font-size:13px}.form-total{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--heading);border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:17px 18px;display:grid}.form-total>span{font-size:12px}.form-total>strong{letter-spacing:-.6px;overflow-wrap:anywhere;text-align:right;font-size:21px}.form-total small{color:var(--text);grid-column:1/-1;font-size:10px;line-height:1.7}.dialog-actions{justify-content:flex-end;gap:9px;padding-top:3px;display:flex}.form-error{color:var(--danger);border:1px solid var(--danger);border-radius:10px;margin:0;padding:13px;font-size:12px;line-height:1.7}.field>span>b{color:var(--danger)}.welcome{flex-direction:column;min-height:100dvh;display:flex}.welcome>header{justify-content:space-between;align-items:center;padding:30px 5vw;display:flex}.welcome-grid{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(330px,440px);align-items:center;gap:9vw;width:100%;max-width:1240px;margin:auto;padding:45px 55px 65px;display:grid}.welcome-copy h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(44px,5.2vw,70px);font-weight:650;line-height:1.12}.welcome-copy h1 em{color:var(--accent);font-style:normal}.welcome-copy>p{color:var(--text);max-width:420px;font-size:15px;line-height:1.9}.welcome-proof{flex-wrap:wrap;gap:12px 20px;margin-top:30px;display:flex}.welcome-proof>span{color:var(--text);align-items:center;gap:7px;font-size:11px;display:flex}.welcome-proof svg{color:var(--accent)}.welcome-decoration{border-left:2px solid var(--accent-border);color:var(--accent);align-items:center;gap:15px;margin-top:55px;padding:23px;font-size:12px;display:flex}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:25px;padding:32px;box-shadow:0 15px 80px #193c2810}.login-panel h2{letter-spacing:-.7px;margin:23px 0 10px;font-size:25px}.login-panel>p{color:var(--text);margin-bottom:25px;font-size:12px;line-height:1.8}.login-panel form{flex-direction:column;gap:18px;display:flex}.login-panel .button{min-height:47px}.setup-message{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:13px;align-items:flex-start;gap:11px;padding:17px;display:flex}.setup-message>.connection-dot{margin-top:5px}.setup-message strong{font-size:12px;font-weight:600}.setup-message p{color:var(--text);margin:7px 0 0;font-size:11px;line-height:1.8}.login-divider{text-align:center;border-top:1px solid var(--border);margin:26px 0 20px;position:relative}.login-divider span{background:var(--surface);color:var(--muted);padding:0 10px;font-size:10px;position:relative;top:-8px}.login-panel .privacy-note{text-align:center;color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.8}.welcome>footer{text-align:center;color:var(--muted);padding:15px 20px 25px;font-size:10px;line-height:1.8}@media (hover:hover) and (pointer:fine){.button.primary:hover{background:#095e57;border-color:#095e57}.button.secondary:hover,.icon-button:hover,.nav-link:hover{background:var(--surface-hover)}.nav-link.active:hover{background:var(--accent-soft)}.text-button:hover{text-decoration:underline}tbody tr:hover{background:var(--surface-subtle)}}@media (width<=1200px){.sidebar{width:205px;min-width:205px;padding-left:13px;padding-right:13px}.main-content{padding:30px 24px 0}.topbar{padding:0 24px}.demo-banner{padding-left:24px;padding-right:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:32px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:18px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:210px}.heading-actions .custom-select{width:100%}.list-toolbar{flex-wrap:wrap}.list-filters{flex:1}.list-filters>.custom-select{flex:1;width:auto}.list-toolbar>.search{flex-basis:100%;max-width:none}td,th{padding-left:17px;padding-right:17px}.chart{gap:9px;padding-left:20px;padding-right:20px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.stock-overview .category-list{gap:22px;display:flex}.category-list>div{border:0;flex-wrap:wrap;flex:1;gap:9px}.category-list strong{margin-left:0}.stock-overview>.button{margin-top:5px}.welcome-grid{gap:40px;padding:35px}.welcome-copy h1{letter-spacing:-2px;font-size:48px}.welcome-copy>p{font-size:13px}.welcome-decoration{margin-top:30px}}@media (width<=700px){.app{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:15px;width:100%;min-width:0;height:auto;padding:16px;display:grid;position:relative;overflow:visible}.sidebar>.brand{padding:0}.brand-mark{border-radius:11px;width:35px;height:35px}.brand strong{font-size:22px}.brand small{margin-top:5px;font-size:7px}.nav-heading,.sidebar-note{display:none}.sidebar nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.nav-link{justify-content:center;gap:6px;min-height:44px;padding:10px 7px;font-size:11px}.nav-link>svg{width:17px;height:17px}.nav-link small{margin-left:0;padding:2px 4px;font-size:9px}.sidebar-user{border:0;grid-area:1/2;gap:5px;padding:0}.sidebar-user>.avatar,.sidebar-user>div{display:none}.sidebar-user>.icon-button{width:38px;height:38px}.topbar{background:var(--canvas);height:56px;padding:0 16px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb>strong,.breadcrumb>svg{display:none}.topbar-actions{gap:1px}.sync-state{margin-right:6px;font-size:9px}.demo-banner{gap:10px;padding:8px 16px;font-size:10px}.demo-banner span{max-width:230px}.demo-banner button{min-height:36px;font-size:10px}.main-content{padding:25px 16px 0}.page-heading{margin-bottom:23px;display:block}.page-heading h1{letter-spacing:-1.2px;font-size:31px}.page-heading p{font-size:12px}.page-heading .eyebrow{margin-bottom:11px;font-size:9px}.heading-actions{flex-wrap:nowrap;justify-content:stretch;gap:8px;max-width:none;margin-top:20px}.heading-actions .custom-select{flex:1;width:auto;min-width:0}.heading-actions>.button{white-space:normal;flex-shrink:0;padding:11px 13px;font-size:12px}.heading-actions .select-trigger{padding:10px;font-size:11px}.metrics{gap:10px;margin-bottom:16px}.metric{border-radius:15px;padding:17px 15px 15px}.metric-label{align-items:flex-start;gap:5px;font-size:10px}.metric-label svg{width:16px;height:16px}.metric>strong{letter-spacing:-.8px;margin-top:20px;font-size:clamp(23px,6vw,32px)}.metric p{margin-bottom:12px;font-size:9px}.metric-detail,.metric-link{font-size:9px}.metric>strong>small{font-size:10px}.metric-detail>svg{display:none}.dashboard-grid{gap:16px;margin-bottom:16px}.panel{border-radius:17px}.panel-title{padding:20px}.panel-title h2{font-size:16px}.panel-title p{font-size:10px}.panel-title>.text-button{white-space:nowrap;font-size:11px}.chart{gap:9px;height:210px;padding:12px 20px 23px}.chart-amount{font-size:8px}.chart-key,.chart-month{font-size:9px}.stock-overview .category-list{padding:0 20px 10px;display:block}.category-list>div{border-bottom:1px solid var(--border);flex-wrap:nowrap;font-size:12px}.category-list strong{margin-left:auto}.stock-overview>.button{width:calc(100% - 40px);margin:0 20px 20px}.list-toolbar{gap:11px;padding:18px}.list-toolbar .search{width:100%;max-width:none}.search input{padding:12px 0;font-size:16px}.list-filters{gap:9px;width:100%}.list-filters .select-trigger{gap:5px;padding:10px;font-size:11px}.list-toolbar>.custom-select{width:100%}.list-caption{padding:0 18px 15px;font-size:10px;display:block}.list-caption>span{margin-top:4px;display:block}.desktop-table{display:none}.mobile-records{display:block}.mobile-record{border-top:1px solid var(--border);padding:20px}.mobile-record .product-name strong{font-size:13px}.mobile-record .product-name small{font-size:11px}.mobile-ref{color:var(--muted);margin:11px 0 0 50px;font-size:10px;display:block}.mobile-values{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0 0;padding:14px 0 0;display:grid}.mobile-values small{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.mobile-values strong{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:17px;display:block}.mobile-record>.row-actions{margin-top:18px}.mobile-record .row-actions>.button{flex:1;min-height:44px;font-size:12px}.mobile-sale-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:10px;display:flex}.mobile-record>.text-button{min-height:44px;margin-top:10px}.pagination{flex-wrap:wrap;padding:16px}.pagination .button{min-height:44px}.workspace-footer{padding:26px 0 20px;font-size:9px;display:block}.workspace-footer>span{margin-bottom:7px;display:block}.calculation-note{margin-top:17px;font-size:10px}.alert{align-items:flex-start;padding:13px;font-size:11px}.alert>.icon-button{flex-shrink:0}.form-dialog{border-radius:20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px}.form-dialog h2{font-size:24px}.dialog-intro{font-size:12px}.field input,.form-dialog .field input{min-height:48px;font-size:16px}.form-dialog .select-trigger,.form-dialog .date-trigger{min-height:48px;font-size:14px}.dialog-actions>.button{flex:1}.welcome>header{padding:20px}.welcome-grid{grid-template-columns:1fr;gap:30px;max-width:520px;padding:30px 20px}.welcome-copy h1{letter-spacing:-2px;margin:16px 0;font-size:43px}.welcome-copy>.eyebrow{font-size:9px}.welcome-copy>p{margin:0;font-size:13px}.welcome-decoration,.welcome-proof{display:none}.login-panel{border-radius:22px;padding:25px}.welcome>footer{font-size:9px}.login-panel .field input{font-size:16px}.icon-button{min-width:38px;min-height:38px}}@media (width<=360px){.nav-link{gap:5px;font-size:10px}.nav-link>svg{width:15px}.heading-actions{flex-wrap:wrap}.heading-actions>.button{width:100%}.heading-actions .custom-select{flex-basis:100%}.form-columns{grid-template-columns:1fr}.chart{gap:5px;padding-left:15px;padding-right:15px}.metric-label svg{display:none}.metric{padding:15px 12px}.metric>strong{font-size:23px}.category-list strong{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.field{flex-direction:column;gap:9px;min-width:0;display:flex}.field>span{color:var(--text);font-size:12px}.field input{box-sizing:border-box;color:var(--heading);font:inherit;outline:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.custom-select,.select-menu,.calendar-popover,.select-option,.select-trigger{box-sizing:border-box}button svg{flex-shrink:0}.custom-select{width:100%;min-width:0;position:relative}.select-trigger{border:1px solid var(--border);background:var(--surface-subtle);width:100%;min-height:46px;color:var(--heading);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.select-trigger>svg{color:var(--muted)}.select-value{align-items:center;gap:8px;min-width:0;display:flex}.select-value>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger[aria-expanded=true],.select-input-wrap:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-shadow)}.select-input-wrap{border:1px solid var(--border);background:var(--surface-subtle);border-radius:12px;align-items:center;width:100%;min-width:0;display:flex}.field .select-input-wrap input{width:100%;min-width:0;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:12px 0 0 12px;flex:1;padding:12px 0 12px 14px}.select-expand{width:38px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:0 12px 12px 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.select-menu{overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--surface);min-width:0;max-width:calc(100vw - 24px);color:var(--heading);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:14px;margin:0;padding:5px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 36px #00000026}.select-option{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:10px 11px;font-size:13px;line-height:1.4;display:flex}.select-option>svg{color:var(--accent);flex-shrink:0}.select-option.is-active{background:var(--surface-hover);border-color:var(--border)}.select-option.is-selected{color:var(--accent);background:var(--accent-soft)}.select-option.is-selected.is-active{border-color:var(--accent-border)}.select-option[aria-disabled=true]{opacity:.35;cursor:not-allowed}.option-label{overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;display:flex}.option-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.option-todo .option-dot,.tone-todo{color:var(--pending)}.option-aleya .option-dot,.tone-aleya{color:var(--warning)}.option-done .option-dot,.tone-done{color:var(--success)}.select-empty{color:var(--muted);padding:12px;font-size:12px}.select-compact{width:auto}.select-compact .select-trigger{border-radius:8px;gap:5px;min-width:0;min-height:36px;padding:6px 7px;font-size:12px}.select-compact .select-trigger>svg{width:12px;height:12px}.calendar-selectors .select-compact:first-child{flex:1}.calendar-selectors .select-compact:last-child{flex-shrink:0}.custom-select.is-disabled{opacity:.7}:where(.select-trigger,.select-expand,.select-option){touch-action:manipulation}@media (hover:hover) and (pointer:fine){.select-trigger:hover:not(:disabled),.select-input-wrap:hover{border-color:var(--border-strong)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.date-trigger{border:1px solid var(--border);background:var(--surface-subtle);width:100%;min-height:46px;color:var(--muted);text-align:left;white-space:nowrap;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:12px;display:flex}.date-trigger.has-value{color:var(--heading);font-variant-numeric:tabular-nums}.date-trigger>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.date-trigger[aria-expanded=true]{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-shadow)}.date-trigger svg{width:16px;height:16px}.calendar-popover{border:1px solid var(--border-strong);background:var(--surface);width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--heading);border-radius:20px;margin:0;padding:16px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 16px 60px #00000030}.calendar-popover::backdrop{background:0 0}.calendar-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.calendar-title h2{letter-spacing:0;font-size:13px;font-weight:550}.calendar-close,.calendar-arrow{border:1px solid var(--border);width:32px;height:32px;color:var(--text);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.calendar-close{border-color:#0000}.calendar-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.calendar-selectors,.calendar-arrows{align-items:center;gap:5px;display:flex}.calendar-selectors{flex:1;min-width:0}.calendar-grid{table-layout:fixed;border-spacing:2px;width:100%}.calendar-grid th{color:var(--muted);text-align:center;height:25px;font-size:10px;font-weight:500}.calendar-grid td{text-align:center;padding:0}.calendar-day{width:100%;height:36px;color:var(--heading);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:10px;padding:0;font-size:12px;display:block;position:relative}.calendar-day.outside-month{color:var(--muted)}.calendar-day.today:after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:calc(50% - 1.5px)}.calendar-day:disabled{opacity:.25}.calendar-day:focus-visible{outline-offset:-2px}.calendar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.calendar-footer button{border:1px solid var(--border);min-height:36px;color:var(--text);background:0 0;border-radius:999px;padding:7px 13px;font-size:11px}.calendar-footer button:first-child{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}:where(.date-trigger,.calendar-day,.calendar-arrow,.calendar-close,.calendar-footer button){touch-action:manipulation}@media (hover:hover) and (pointer:fine){.date-trigger:hover,.calendar-arrow:hover:not(:disabled),.calendar-close:hover,.calendar-footer button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.calendar-day:hover:not(:disabled):not(.selected){background:var(--surface-hover)}}@media (width<=700px){.select-trigger{min-height:48px;font-size:14px}.select-option{min-height:44px;font-size:14px}.field .select-input-wrap input{font-size:16px}.select-compact .select-trigger{min-height:36px;font-size:12px}.calendar-popover{padding:14px}.calendar-day{height:38px;font-size:13px}.calendar-close,.calendar-arrow{width:36px;height:36px}}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#08090b;--surface:#111214;--surface-subtle:#18191d;--surface-hover:#22242a;--border:#292b31;--border-strong:#50535f;--heading:#f5f5f7;--text:#c2c4cc;--muted:#a0a3ad;--accent:#eff0f5;--accent-soft:#1d1e23;--accent-border:#3b3d46;--focus:#adc6ff;--focus-shadow:#adc6ff22;--positive:#a0d8bd;--danger:#f6a3ac}.brand-mark{background:#24262b;border:1px solid #3b3d46}.brand-period{color:#bfc6d5}.button,.icon-button,.nav-link{border-radius:9px}.button.primary{color:#111214;background:#eff0f5;border-color:#eff0f5}.product-symbol,.product-symbol.clothing,.product-symbol.care,.product-symbol.other,.category-icon,.category-icon.clothing,.category-icon.care,.category-icon.other{background:var(--surface-subtle);color:#b9becb}.sidebar-note{opacity:.85}.topbar{background:var(--canvas);height:64px}.main-content{max-width:1680px;margin:0 auto;padding-top:30px}.page-heading h1{letter-spacing:-.9px;font-size:28px}.page-heading .eyebrow{display:none}.page-heading p{color:var(--muted)}.page-heading{margin-bottom:30px}.demo-banner{color:#b8bbc5;border-color:var(--border);background:#141519}.demo-banner strong{color:var(--heading)}.panel{border-radius:12px}.welcome{background:var(--canvas)}.welcome-copy h1 em{color:#b9becb}.welcome-decoration{border-color:var(--border)}.login-panel{border-radius:18px;box-shadow:0 24px 90px #0005}.form-dialog{border-radius:16px;box-shadow:0 24px 100px #0009}.calendar-day.selected{color:#111214;background:#eff0f5}.active-date-filter{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:12px;padding:8px 24px;font-size:12px;display:flex}.active-date-filter>span{align-items:center;gap:8px;display:flex}.performance-view{gap:20px;min-width:0;display:grid}.performance-hero{min-width:0;padding:6px 0 12px}.metric-switch{border:1px solid var(--border);border-radius:8px;gap:2px;max-width:100%;padding:3px;display:inline-flex}.metric-switch button{color:var(--muted);touch-action:manipulation;background:0 0;border:0;border-radius:5px;min-height:36px;padding:9px 12px;font-size:12px;font-weight:550}.metric-switch button[aria-pressed=true]{color:var(--heading);background:#27292f;box-shadow:0 1px 3px #0005}.hero-number{letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:22px 0 17px;font-size:clamp(42px,5.4vw,78px);font-weight:550;line-height:1.12}.hero-caption{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:12px;display:flex}.hero-caption>span{align-items:center;gap:7px;display:inline-flex}.performance-dot{background:#d1d5df;border-radius:50%;width:5px;height:5px;display:inline-block}.hero-caption>button{color:var(--heading);background:0 0;border:0;align-items:center;gap:7px;min-height:32px;padding:5px 0;font-size:12px;display:inline-flex}.hero-definition{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.7}.performance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.performance-kpi{background:var(--surface);border:1px solid var(--border);border-radius:11px;min-width:0;padding:20px}.performance-kpi>div{color:var(--text);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.performance-kpi>div svg{color:var(--muted);flex-shrink:0}.performance-kpi>strong{letter-spacing:-.7px;overflow-wrap:anywhere;margin:23px 0 8px;font-size:clamp(21px,2.15vw,32px);font-weight:550;line-height:1.3;display:block}.performance-kpi>p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.analytics-grid,.performance-bottom{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);align-items:stretch;gap:20px;display:grid}.performance-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0}.performance-panel-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:22px 22px 16px;display:flex}.performance-panel-heading>div{min-width:0}.performance-panel-heading>svg{color:var(--muted);flex-shrink:0}.panel-eyebrow{color:var(--muted);letter-spacing:1.6px;margin-bottom:8px;font-size:8px;font-weight:600;display:block}.performance-panel h2{letter-spacing:-.15px;font-size:14px;line-height:1.5}.curve-total{text-align:right;overflow-wrap:anywhere;font-size:14px}.curve-panel{flex-direction:column;display:flex}.performance-chart{color:#e5e7ee;border-radius:5px;min-width:0;margin:auto 12px;position:relative}.performance-chart:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.performance-chart>svg{width:100%;height:auto;display:block;overflow:visible}.curve-grid line{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 5}.curve-grid text,.curve-date{fill:#a0a3ad;font-variant-numeric:tabular-nums;font:10px Segoe UI,sans-serif}.curve-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.curve-point{fill:#f5f5f7;stroke:var(--surface);stroke-width:2px}.curve-guide{stroke:#747887;stroke-width:1px;stroke-dasharray:3 4}.curve-tooltip{z-index:1;pointer-events:none;overflow-wrap:anywhere;background:#202228;border:1px solid #4a4d58;border-radius:8px;width:170px;max-width:calc(100% - 16px);padding:11px 13px;position:absolute;top:12px;box-shadow:0 6px 20px #0005}.curve-tooltip>span,.curve-tooltip>small{color:var(--muted);font-size:10px;display:block}.curve-tooltip>strong{margin:6px 0;font-size:19px;font-weight:550;display:block}.curve-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:18px 22px 22px;font-size:9px;display:flex}.curve-footer>span:first-child{align-items:center;gap:7px;display:inline-flex}.curve-legend-line{background:#d4d7df;width:13px;height:2px}.curve-empty{text-align:center;background:#111214d9;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:10px 25px 30px 50px}.curve-empty svg{color:var(--muted);margin-bottom:12px}.curve-empty strong{font-size:12px;line-height:1.6}.curve-empty span{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.6}.sales-calendar{padding:0 18px 16px}.sales-calendar .performance-panel-heading{padding:22px 4px 16px}.sales-month-heading{justify-content:space-between;align-items:center;gap:8px;margin:3px 0 18px;display:flex}.sales-month-heading>div{text-align:center;min-width:0}.sales-month-heading h3{text-transform:capitalize;margin:0 0 5px;font-size:13px;font-weight:550}.sales-month-heading>div>span{color:var(--muted);font-size:10px;line-height:1.6;display:block}.sales-month-heading b{color:var(--heading);overflow-wrap:anywhere;margin-left:5px;font-weight:550}.sales-month-heading b.negative{color:var(--danger)}.sales-month-heading .icon-button{border:1px solid var(--border);border-radius:6px;width:30px;height:30px}.sales-month-grid{gap:4px;display:grid}.sales-weekday-row,.sales-month-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.sales-weekday-row>span{color:var(--muted);text-align:center;padding-bottom:8px;font-size:9px}.sales-month-week>div{min-width:0}.sales-day{color:#a9adb9;touch-action:manipulation;font-variant-numeric:tabular-nums;background:#17181c;border:1px solid #24262c;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;width:100%;min-width:0;height:48px;padding:5px 2px 7px;display:flex;position:relative}.sales-day-number{font-size:10px;line-height:1.2}.sales-day strong{white-space:nowrap;max-width:100%;font-size:10px;font-weight:550;line-height:1}.sales-day.has-sales{color:#eef0f6;background:#24262d;border-color:#454955}.sales-day>i{background:#9ca4b9;border-radius:1px;max-width:100%;height:2px;display:block;position:absolute;bottom:0;left:0}.sales-day.is-today .sales-day-number{text-underline-offset:3px;color:#fff;text-decoration:underline}.sales-day.outside{color:#797d88;opacity:.5;background:0 0;border-color:#0000}.sales-day.selected{outline-offset:0;border-color:#e4e7f1;outline:1px solid #e4e7f1}.sales-day.loss{color:var(--danger);background:#382127;border-color:#6b3d45}.sales-day.loss>i{background:var(--danger)}.sales-day:focus-visible{outline:2px solid var(--focus);outline-offset:1px;z-index:1}.calendar-footnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 0;font-size:9px;display:flex}.calendar-footnote>span:first-child{align-items:center;gap:6px;display:flex}.calendar-legend{background:#24262d;border:1px solid #697184;border-radius:2px;width:8px;height:8px}.calendar-day-detail{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.calendar-day-detail>div{gap:5px;display:grid}.calendar-day-detail strong{font-size:12px;font-weight:550}.calendar-day-detail span{color:var(--muted);font-size:10px}.calendar-day-detail button{font-size:11px}.recent-sales,.inventory-breakdown{margin:0;padding:0 22px;list-style:none}.recent-sales li,.inventory-breakdown li{border-top:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:16px 0;display:flex}.recent-symbol{color:#b7becf;background:#202228;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:inline-grid}.recent-product{flex:1;min-width:0}.recent-product>strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;font-weight:550;line-height:1.6;display:-webkit-box;overflow:hidden}.recent-product>span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.recent-amount{text-align:right;overflow-wrap:anywhere;flex:0 auto;min-width:0;max-width:48%}.recent-amount>strong{font-size:13px;font-weight:550;display:block}.recent-amount>span{margin-top:5px;font-size:10px;display:block}.inventory-breakdown>li>div{flex:1;gap:5px;min-width:0;display:grid}.inventory-breakdown strong{font-size:12px;font-weight:550}.inventory-breakdown span:not(.recent-symbol){color:var(--muted);font-size:10px}.inventory-breakdown b{overflow-wrap:anywhere;text-align:right;min-width:0;max-width:45%;font-size:12px;font-weight:550}.inventory-note{color:var(--muted);align-items:flex-start;gap:7px;padding:16px 22px 5px;display:flex}.inventory-note svg{flex-shrink:0}.inventory-note p{margin:0;font-size:10px;line-height:1.7}.inventory-panel>.button{width:calc(100% - 44px);margin:16px 22px 22px;font-size:11px}.performance-empty{text-align:center;padding:35px 22px 40px}.performance-empty>svg{color:var(--muted);margin-bottom:16px}.performance-empty h3{font-size:15px;font-weight:550}.performance-empty p{color:var(--muted);font-size:12px;line-height:1.7}.performance-empty .button{margin-top:8px}@media (hover:hover) and (pointer:fine){.button.primary:hover{background:#d4d7df;border-color:#d4d7df}.metric-switch button:hover{color:var(--heading)}.sales-day:not(:disabled):hover{background:#30333d;border-color:#7d8598}.hero-caption>button:hover{text-underline-offset:4px;text-decoration:underline}}@media (prefers-reduced-motion:no-preference){:root:not([data-input=keyboard]) .button,:root:not([data-input=keyboard]) .icon-button{transition:transform .12s var(--ease-out), background-color .14s ease}:root:not([data-input=keyboard]) .button:active:not(:disabled),:root:not([data-input=keyboard]) .icon-button:active:not(:disabled){transform:scale(.98)}}:root[data-input=keyboard] *,:root[data-input=keyboard] :before,:root[data-input=keyboard] :after{transition:none!important;animation:none!important}@media (width<=1200px){.performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:minmax(0,1fr)}.performance-chart{margin:8px 18px}.performance-chart>svg{max-height:330px}.sales-calendar{padding:0 22px 20px}.sales-month-grid,.sales-weekday-row,.sales-month-week{gap:5px}.sales-day{gap:7px;height:55px;padding-top:7px}.sales-day-number,.sales-day strong{font-size:11px}.performance-bottom{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.main-content{padding:25px 16px 0}.topbar{height:48px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:26px}.heading-actions .custom-select{flex:1 1 0;width:0}.heading-actions>.button{flex:1 1 0;min-width:0;padding:10px;font-size:11px}.performance-view{gap:16px}.performance-hero{padding:0 0 8px}.hero-number{letter-spacing:-.06em;margin-top:22px;font-size:clamp(38px,11.5vw,65px)}.hero-caption{gap:5px 14px;font-size:10px}.hero-caption>button,.hero-definition{font-size:10px}.metric-switch button{padding:8px 12px;font-size:11px}.performance-kpis{gap:10px}.performance-kpi{padding:15px 13px}.performance-kpi>div{align-items:flex-start;gap:5px;font-size:10px}.performance-kpi>div svg{width:15px;height:15px}.performance-kpi>strong{margin-top:20px;font-size:clamp(22px,6.2vw,30px)}.performance-kpi>p{font-size:9px;line-height:1.7}.analytics-grid,.performance-bottom{gap:16px}.performance-panel-heading{gap:10px;padding:19px 16px 15px}.performance-panel h2{font-size:13px}.curve-total{max-width:44%;font-size:12px}.performance-chart{margin:10px 8px}.performance-chart>svg{min-height:190px}.curve-grid text,.curve-date{font-size:16px}.curve-footer{gap:8px;padding:15px 16px 19px;font-size:8px}.curve-empty{inset:8px 15px 25px 25px}.curve-empty strong{font-size:11px}.curve-tooltip{top:0}.sales-calendar{padding:0 12px 16px}.sales-calendar .performance-panel-heading{padding:19px 4px 15px}.sales-month-grid,.sales-weekday-row,.sales-month-week{gap:3px}.sales-day{gap:7px;height:48px;padding:6px 1px}.sales-day-number,.sales-day strong{font-size:9px}.sales-month-heading{margin-bottom:16px}.sales-month-heading h3{font-size:12px}.calendar-footnote{font-size:8px}.recent-sales,.inventory-breakdown{padding:0 16px}.recent-sales li,.inventory-breakdown li{gap:9px}.recent-symbol{width:30px;height:34px}.recent-product>strong,.inventory-breakdown strong{font-size:11px}.recent-product>span,.recent-amount>span{font-size:9px;line-height:1.6}.recent-amount>strong{font-size:12px}.inventory-note{padding:16px 16px 3px}.inventory-panel>.button{width:calc(100% - 32px);margin:16px}.active-date-filter{flex-wrap:wrap;gap:3px;padding:8px 16px;font-size:10px}.active-date-filter .text-button{font-size:10px}}@media (width<=360px){.nav-link{gap:4px;padding-inline:4px;font-size:10px}.nav-link>svg{width:14px}.nav-link small{font-size:8px}.performance-kpi>div svg{display:none}.performance-panel-heading>.text-button{font-size:10px}.recent-symbol{display:none}}:root{view-transition-name:none;--motion-ease:cubic-bezier(.22,1,.36,1)}.page-stage{view-transition-name:workspace-page;min-width:0}::view-transition{pointer-events:none}::view-transition-group(workspace-page){animation-duration:.28s;animation-timing-function:var(--motion-ease)}::view-transition-old(workspace-page){animation:page-leave .15s var(--motion-ease) both}::view-transition-new(workspace-page){animation:page-arrive .28s var(--motion-ease) both}::view-transition-image-pair(workspace-page){isolation:isolate}.sidebar nav,.metric-switch{isolation:isolate;position:relative}.nav-marker,.metric-marker{z-index:-1;pointer-events:none;opacity:0;transform-origin:0 0;border-radius:9px;position:absolute;top:0;left:0}.nav-marker{background:linear-gradient(120deg,#b6c6ff18,#0000 75%),#1d1e23;border:1px solid #585f76;box-shadow:inset 0 1px #ffffff10,0 4px 12px #0002}.sidebar .nav-link.active{background:0 0;border-color:#0000}.nav-link{position:relative}.metric-marker{background:linear-gradient(#343741,#27292f);border-radius:5px;box-shadow:inset 0 1px #ffffff14,0 2px 5px #0004}.metric-switch button[aria-pressed=true]{box-shadow:none;background:0 0}.hero-number>span{max-width:100%;display:inline-block}.performance-kpi{isolation:isolate;background:linear-gradient(140deg,#adbfff0a,transparent 60%),var(--surface);position:relative}.performance-kpi:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(at 20% 0,#b6c6ff16,#0000 70%);position:absolute;inset:0}.button.primary{background-image:linear-gradient(#ffffff9c,#0000);box-shadow:inset 0 1px #fff,0 3px 10px #0003}.form-dialog{transform-origin:50%}.select-menu{transform-origin:0 0}.nav-link,.metric-switch button,.sales-day,.select-trigger,.date-trigger{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}@keyframes page-arrive{0%{opacity:0;transform:translateY(16px)scale(.995)}to{opacity:1;transform:none}}@keyframes page-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.curve-line{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){:root:not([data-input=keyboard]) .nav-link,:root:not([data-input=keyboard]) .metric-switch button,:root:not([data-input=keyboard]) .sales-day,:root:not([data-input=keyboard]) .select-trigger,:root:not([data-input=keyboard]) .date-trigger{transition:transform .12s var(--motion-ease),background-color .16s ease,border-color .16s ease}:root:not([data-input=keyboard]) .nav-link:active,:root:not([data-input=keyboard]) .metric-switch button:active,:root:not([data-input=keyboard]) .sales-day:not(:disabled):active{transform:scale(.97)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:root:not([data-input=keyboard]) .performance-kpi:before{transition:opacity .2s}.performance-kpi:hover:before{opacity:1}:root:not([data-input=keyboard]) .button>svg,:root:not([data-input=keyboard]) .text-button>svg{transition:transform .16s var(--motion-ease)}.button:hover>svg:last-child,.text-button:hover>svg:last-child{transform:translate(2px)}}:root[data-input=keyboard]::view-transition-group(*){animation:none!important}:root[data-input=keyboard]::view-transition-old(*){animation:none!important}:root[data-input=keyboard]::view-transition-new(*){animation:none!important}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root{--tint-canvas:#08090b;--tint-top:#2b2b2b;--tint-bottom:#1b1b1d;--tint-dark:#eff0f5;--tint-light:#273347;--tint-wash:linear-gradient(180deg, #ffffff03, transparent 40%);--sidebar:#0e0f11;--action:#eff0f5;--action-text:#111214;--soft-ink:#b9becb;--chart-ink:#e5e7ee;--tooltip:#202228;--calendar-cell:#17181c;--calendar-filled:#24262d;--calendar-border:#454955;--calendar-loss:#382127;--calendar-loss-border:#6b3d45;--positive-soft:#172a22;--glass:#111214dd;--ambience-color:#5373c5;--ambience:none;--preview-grid:#ffffff12;--dialog-shadow:0 24px 100px #0008}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f5f6f8;--surface:#fff;--surface-subtle:#f0f2f5;--surface-hover:#e7ebf0;--border:#dce1e8;--border-strong:#8590a1;--heading:#171c25;--text:#455062;--muted:#5c687b;--accent:#273347;--accent-soft:#e8ecf2;--accent-border:#a6b0bf;--focus:#315bbb;--focus-shadow:#315bbb25;--positive:#146944;--danger:#ac3143;--sidebar:#fafbfc;--action:#242c3b;--action-text:#fff;--soft-ink:#556279;--chart-ink:#344863;--tooltip:#fff;--calendar-cell:#f0f2f6;--calendar-filled:#e1e7f0;--calendar-border:#a0aec4;--calendar-loss:#fce8ec;--calendar-loss-border:#d995a1;--positive-soft:#e7f4ed;--glass:#ffffffdf;--preview-grid:#24385d18;--dialog-shadow:0 24px 100px #18283c30}:root[data-theme=dark][data-accent]:not([data-accent=neutral]){--canvas:var(--tint-canvas);--surface:color-mix(in srgb, var(--tint-top) 18%, #111214);--surface-subtle:color-mix(in srgb, var(--tint-top) 25%, #18191d);--surface-hover:color-mix(in srgb, var(--tint-top) 35%, #22242a);--border:color-mix(in srgb, var(--tint-top) 35%, #292b31);--border-strong:color-mix(in srgb, var(--tint-dark) 24%, #3b3d46);--sidebar:color-mix(in srgb, var(--tint-top) 12%, #0b0c0e);--tooltip:var(--surface-subtle);--calendar-cell:var(--surface-subtle);--calendar-filled:var(--surface-hover);--calendar-border:var(--border-strong);--accent:var(--tint-dark);--action:var(--tint-dark);--action-text:#111214;--glass:color-mix(in srgb, var(--surface) 86%, transparent);--ambience-color:var(--tint-top);--tint-wash:linear-gradient(180deg, color-mix(in srgb, var(--tint-top) 40%, transparent), transparent 48%, color-mix(in srgb, var(--tint-bottom) 28%, transparent))}:root[data-theme=light][data-accent]:not([data-accent=neutral]){--accent:var(--tint-light);--action:var(--tint-light);--action-text:#fff;--ambience-color:var(--tint-dark);--tint-wash:linear-gradient(180deg, color-mix(in srgb, var(--tint-dark) 13%, transparent), transparent 55%, color-mix(in srgb, var(--tint-dark) 7%, transparent))}:root[data-accent]:not([data-accent=neutral]){--accent-soft:color-mix(in srgb, var(--accent) 11%, var(--surface));--accent-border:color-mix(in srgb, var(--accent) 50%, var(--border));--focus:var(--accent);--focus-shadow:color-mix(in srgb, var(--accent) 18%, transparent);--chart-ink:var(--accent)}:root[data-background=aurora]{--ambience:radial-gradient(ellipse at 95% 5%, color-mix(in srgb, var(--ambience-color) 18%, transparent), transparent 55%), radial-gradient(ellipse at 10% 90%, color-mix(in srgb, var(--ambience-color) 12%, transparent), transparent 50%)}:root[data-background=grid]{--ambience:linear-gradient(var(--preview-grid) 1px, transparent 1px), linear-gradient(90deg, var(--preview-grid) 1px, transparent 1px)}body{background:var(--canvas);background-image:var(--ambience), var(--tint-wash);background-attachment:fixed}:root[data-background=grid] body{background-size:32px 32px,32px 32px,auto}.sidebar{background:var(--sidebar)}.topbar{background:color-mix(in srgb, var(--canvas) 88%, transparent)}.brand-mark{background:var(--surface-hover);border-color:var(--border-strong);color:var(--heading)}.brand-period,.welcome-copy h1 em,.product-symbol,.product-symbol.clothing,.product-symbol.care,.product-symbol.other,.category-icon,.category-icon.clothing,.category-icon.care,.category-icon.other{color:var(--soft-ink)}.demo-banner{background:var(--surface);color:var(--text)}.sync-state:not(.is-error) i{background:var(--soft-ink)}.button.primary{background:var(--action);color:var(--action-text);border-color:var(--action);box-shadow:inset 0 1px #ffffff24,0 3px 10px #0002}.calendar-day.selected{background:var(--action);color:var(--action-text)}.calendar-day.selected.today:after{background:var(--action-text)}.nav-marker{background:var(--accent-soft);border-color:var(--accent-border);box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0001}.nav-link.active>svg{color:var(--accent)}.metric-marker{background:var(--surface-hover);box-shadow:inset 0 1px #ffffff14,0 2px 5px #0002}.performance-dot,.curve-legend-line{background:var(--chart-ink)}.performance-chart{color:var(--chart-ink)}.curve-grid text,.curve-date{fill:var(--muted)}.curve-point{fill:var(--chart-ink)}.curve-guide{stroke:var(--muted)}.curve-tooltip{background:var(--tooltip);border-color:var(--border-strong)}.curve-empty{background:color-mix(in srgb, var(--surface) 92%, transparent)}.sales-day{background:var(--calendar-cell);border-color:var(--border);color:var(--text)}.sales-day.has-sales{background:var(--calendar-filled);border-color:var(--calendar-border);color:var(--heading)}.sales-day>i{background:var(--soft-ink)}.sales-day.is-today .sales-day-number{color:var(--heading)}.sales-day.outside{color:var(--muted);background:0 0;border-color:#0000}.sales-day.selected{border-color:var(--accent);outline-color:var(--accent)}.sales-day.loss{background:var(--calendar-loss);border-color:var(--calendar-loss-border);color:var(--danger)}.calendar-legend{background:var(--calendar-filled);border-color:var(--calendar-border)}.recent-symbol{background:var(--surface-subtle);color:var(--soft-ink)}.sale-status:not(.cancelled){background:var(--positive-soft)}.form-dialog,.login-panel{box-shadow:var(--dialog-shadow)}.form-dialog::backdrop{background:#080b1475}:root[data-surface=glass] :is(.performance-kpi,.performance-panel,.panel){background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preferences-trigger{background:var(--surface);border:1px solid var(--border);min-height:38px;color:var(--text);touch-action:manipulation;border-radius:9px;align-items:center;gap:8px;margin-right:12px;padding:8px 11px;font-size:11px;font-weight:550;display:inline-flex}.preferences-trigger[aria-expanded=true]{color:var(--heading);border-color:var(--border-strong)}.preferences-trigger>i{background:var(--danger);border-radius:50%;width:5px;height:5px}.appearance-panel{border:0;border-left:1px solid var(--border);background:var(--surface);width:424px;max-width:100%;height:100dvh;max-height:100dvh;color:var(--heading);transform-origin:100%;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:-20px 0 80px #0003}.appearance-panel[open]{flex-direction:column;display:flex}.appearance-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070b66}.appearance-heading{padding:calc(23px + env(safe-area-inset-top,0px)) 24px 20px;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.appearance-heading>div>span{color:var(--muted);letter-spacing:1.6px;margin-bottom:7px;font-size:9px;font-weight:600;display:block}.appearance-heading h2{letter-spacing:-.6px;font-size:21px}.appearance-heading .icon-button{border:1px solid var(--border);border-radius:50%;width:34px;height:34px}.appearance-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;padding:24px;overflow-y:auto}.appearance-intro{color:var(--heading);letter-spacing:-.2px;margin:0 0 28px;font-size:16px;line-height:1.7}.appearance-intro>span{color:var(--muted);letter-spacing:0;font-size:12px}.appearance-section{border:0;min-width:0;margin:0 0 27px;padding:0}.appearance-section h3,.appearance-section legend{color:var(--text);margin:0 0 12px;padding:0;font-size:11px;font-weight:600;line-height:1.5}.appearance-modes{isolation:isolate;background:var(--surface-subtle);border:1px solid var(--border);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;display:grid;position:relative}.appearance-modes button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 5px;font-size:11px;display:inline-flex}.appearance-modes button[aria-pressed=true]{color:var(--heading)}.appearance-mode-marker{z-index:-1;pointer-events:none;transform-origin:0 0;background:var(--surface);border:1px solid var(--border);border-radius:7px;position:absolute;top:0;left:0;box-shadow:0 2px 5px #0002}.appearance-help{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.7}.tint-choice,.background-choice,.surface-choice{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-width:0;position:relative}.appearance-section input[type=radio]{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.appearance-tints{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;display:grid}.tint-choice{display:block}.tint-preview{background:linear-gradient(180deg,var(--tint-top),color-mix(in srgb,var(--tint-canvas) 80%,#000) 53%,var(--tint-bottom));border:1px solid #ffffff20;border-radius:18px;height:62px;display:block;position:relative;box-shadow:inset 0 1px #ffffff05}.tint-preview>span{color:#fff;opacity:0;background:#ffffff16;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:9px;right:9px}.tint-label{color:var(--muted);margin-top:8px;font-size:11px;font-weight:550;line-height:1.4;display:block}.tint-choice input:checked+.tint-preview{border-color:var(--tint-dark);box-shadow:0 0 0 1px var(--tint-dark),inset 0 1px 0 #ffffff12}.tint-choice input:checked+.tint-preview>span{opacity:1}.tint-choice input:checked~.tint-label{color:var(--heading)}.appearance-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.background-preview{border:1px solid var(--border);background:var(--canvas);border-radius:9px;flex-direction:column;justify-content:center;gap:6px;height:70px;padding:14px;display:flex;overflow:hidden}.background-preview>i{background:var(--soft-ink);opacity:.45;border-radius:3px;width:63%;height:4px}.background-preview>i:first-child{opacity:.8;width:37%;height:6px}.background-preview>i:last-child{width:80%}.preview-aurora{background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--ambience-color) 60%, transparent), transparent 80%), var(--canvas)}.preview-grid{background:linear-gradient(var(--preview-grid) 1px,transparent 1px),linear-gradient(90deg,var(--preview-grid) 1px,transparent 1px),var(--canvas);background-size:13px 13px}.background-choice>span:last-child,.surface-choice>span:not(.surface-preview){color:var(--muted);justify-content:space-between;align-items:center;gap:3px;margin-top:9px;font-size:10px;display:flex}.background-choice>span:last-child svg,.surface-choice>span>svg{visibility:hidden;flex-shrink:0}.background-choice input:checked~span:last-child,.surface-choice input:checked~span{color:var(--heading)}.background-choice input:checked~span:last-child svg,.surface-choice input:checked~span>svg{visibility:visible}.background-choice input:checked+.background-preview{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.appearance-surfaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.surface-choice{border:1px solid var(--border);border-radius:11px;padding:10px}.surface-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.surface-preview{background:repeating-linear-gradient(135deg,transparent,transparent 10px,var(--preview-grid) 10px,var(--preview-grid) 11px),radial-gradient(ellipse at right,var(--ambience-color),transparent);border-radius:5px;place-items:center;height:58px;display:grid}.surface-preview>i{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;gap:5px;width:77%;padding:10px 12px;display:flex}.surface-preview-glass>i{background:color-mix(in srgb,var(--surface) 55%,transparent)}.surface-preview b{background:var(--soft-ink);opacity:.8;border-radius:2px;width:80%;height:3px;display:block}.surface-preview b:first-child{width:60%}.surface-preview b:last-child{width:40%}.surface-choice strong{font-weight:550}.surface-choice small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.6;display:block}.appearance-section input:focus-visible+span{outline:2px solid var(--focus);outline-offset:5px}.appearance-motion{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-bottom:4px;padding-top:23px;display:flex}.appearance-motion h3{margin:0 0 6px}.appearance-motion p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.appearance-switch{background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:20px;width:43px;min-width:43px;height:26px;padding:3px}.appearance-switch>span{background:var(--heading);border-radius:50%;width:18px;height:18px;display:block;transform:translate(0)}.appearance-switch[aria-checked=true]{background:var(--action);border-color:var(--action)}.appearance-switch[aria-checked=true]>span{background:var(--action-text);transform:translate(17px)}.appearance-footer{padding:15px 24px calc(15px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface-subtle);flex-shrink:0}.appearance-footer>[role=status]{color:var(--muted);align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;display:flex}.appearance-footer>[role=status]>svg{flex-shrink:0;margin-top:1px}.appearance-footer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.appearance-footer .text-button{min-height:32px;font-size:10px}.appearance-footer .reset-appearance{color:var(--text);margin-left:auto}@media (hover:hover) and (pointer:fine){.button.primary:hover{background:color-mix(in srgb, var(--action) 90%, var(--heading));border-color:var(--action)}.sales-day:not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-strong)}.preferences-trigger:hover{background:var(--surface-hover)}.tint-choice:hover .tint-preview{border-color:var(--tint-dark)}.appearance-modes button:hover{color:var(--heading)}.background-choice:hover .background-preview,.surface-choice:hover{border-color:var(--border-strong)}}@media (prefers-reduced-motion:no-preference){:root:not([data-input=keyboard]):not([data-motion=off]) .appearance-switch>span{transition:transform .18s var(--motion-ease)}:root:not([data-input=keyboard]):not([data-motion=off]) .preferences-trigger{transition:background-color .14s ease, transform .12s var(--motion-ease)}:root:not([data-input=keyboard]):not([data-motion=off]) .preferences-trigger:active{transform:scale(.97)}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=off]::view-transition-group(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=off]::view-transition-old(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=off]::view-transition-new(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=700px){.preferences-trigger{margin-right:7px;font-size:10px}}@media (width<=480px){.preferences-trigger{justify-content:center;width:38px;padding:8px;position:relative}.preferences-trigger>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preferences-trigger>i{position:absolute;top:5px;right:5px}.appearance-panel{border-left:0;width:100%}.appearance-heading{padding-inline:20px}.appearance-body{padding:20px}.appearance-footer{padding-inline:20px}.appearance-modes button{min-height:44px}.appearance-switch{position:relative}.appearance-switch:after{content:"";position:absolute;inset:-10px -2px}}.product-editor{width:640px}.editor-section-heading,.editor-batch-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-section-heading h3{letter-spacing:-.2px;margin:0;font-size:14px}.editor-section-heading>span{color:var(--muted);font-size:10px}.editor-help{color:var(--muted);margin:9px 0 16px;font-size:11px;line-height:1.8}.editor-batches{gap:12px;display:grid}.editor-batch{background:var(--surface-subtle);border:1px solid var(--border);border-radius:13px;gap:15px;min-width:0;padding:17px;display:grid}.editor-batch-title>strong{font-size:12px;font-weight:550}.editor-batch-title>span{color:var(--muted);font-size:10px}.editor-batch-title .icon-button{width:28px;height:28px}.editor-batch .field>span{font-size:11px;line-height:1.5}.editor-batch .field input,.editor-batch .date-trigger{background:var(--surface)}.editor-add{margin-top:12px;font-size:12px}.editor-delete-zone{border-top:1px solid var(--border);padding-top:13px}.editor-delete-zone>p,.editor-delete-confirm p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.editor-delete-confirm{border:1px solid var(--danger);border-radius:12px;padding:16px}.editor-delete-confirm>strong{overflow-wrap:anywhere;margin-bottom:8px;font-size:13px;line-height:1.6;display:block}.editor-delete-confirm>div{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.button.destructive{color:var(--surface);background:var(--danger);border-color:var(--danger)}@media (width<=700px){.editor-batch{padding:13px}.product-editor .dialog-actions{flex-wrap:wrap}.product-editor .dialog-actions .button{min-width:110px}.product-editor .dialog-actions .button.primary{flex:2}.editor-delete-confirm{padding:13px}.editor-delete-confirm .button{flex:1;min-height:44px;font-size:11px}}:root{--sale-ordered:#9abdff;--sale-shipped:#edc185}:root[data-theme=light]{--sale-ordered:#245ac4;--sale-shipped:#855111}.tone-sale-ordered,.option-sale-ordered{color:var(--sale-ordered)}.tone-sale-shipped,.option-sale-shipped{color:var(--sale-shipped)}.tone-sale-completed,.option-sale-completed{color:var(--positive)}.sale-status-select{width:202px;max-width:100%}.sale-status-select .select-trigger{border-radius:8px;min-height:36px;padding:8px 10px;font-size:10px}.sale-status-select.status-ordered .select-trigger{color:var(--sale-ordered);border-color:color-mix(in srgb,var(--sale-ordered) 30%,var(--border));background:color-mix(in srgb,var(--sale-ordered) 7%,var(--surface))}.sale-status-select.status-shipped .select-trigger{color:var(--sale-shipped);border-color:color-mix(in srgb,var(--sale-shipped) 30%,var(--border));background:color-mix(in srgb,var(--sale-shipped) 7%,var(--surface))}.sale-status-select.status-completed .select-trigger{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 30%,var(--border));background:color-mix(in srgb,var(--positive) 7%,var(--surface))}.sale-comment-preview{max-width:300px;color:var(--muted);align-items:flex-start;gap:6px;margin-top:9px;font-size:11px;line-height:1.7;display:flex}.sale-comment-preview>svg{flex-shrink:0;margin-top:3px}.sale-comment-preview>span{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sale-row-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sale-row-actions .text-button{white-space:nowrap;font-size:10px}.sales-table td{vertical-align:top}.sales-table th:last-child{text-align:right}.sales-table .sale-product-cell{min-width:220px;max-width:330px}.field textarea{resize:vertical;border:1px solid var(--border-strong);background:var(--surface-subtle);width:100%;min-height:115px;color:var(--heading);font:inherit;border-radius:12px;outline:0;padding:12px 13px;font-size:14px;line-height:1.7}.field textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-shadow)}.field textarea[aria-invalid=true]{border-color:var(--danger)}.sale-comment-field>small:not(.field-error){color:var(--muted);justify-content:space-between;align-items:flex-start;gap:12px;font-size:10px;line-height:1.7;display:flex}.sale-comment-field>small>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.sale-cancelled-note{background:var(--surface-subtle);color:var(--muted);border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.7}.sale-editor .dialog-intro{overflow-wrap:anywhere}@media (width<=700px){.sale-status-select{width:100%}.sale-status-select .select-trigger{min-height:44px;font-size:11px}.mobile-sale-stage{margin-top:16px}.mobile-sale-meta{align-items:flex-start}.sale-comment-preview{max-width:none;font-size:11px}.mobile-record .sale-row-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:16px}.sale-row-actions .text-button{min-height:44px;font-size:11px}.field textarea{font-size:16px}.sale-editor .dialog-actions{flex-wrap:wrap}.sale-editor .dialog-actions .button{min-width:100px}}.pending-sales-note{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:12px;max-width:620px;margin-top:20px;padding:13px 16px;display:flex}.pending-sales-note>svg{color:var(--sale-ordered);flex-shrink:0}.pending-sales-note>div{flex:1;gap:5px;min-width:0;display:grid}.pending-sales-note strong{font-size:11px;font-weight:550}.pending-sales-note span{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.6}.pending-sales-note .text-button{flex-shrink:0;font-size:11px}@media (width<=700px){.pending-sales-note{gap:9px;padding:12px}.pending-sales-note .text-button{min-height:44px}}.money-received{color:var(--positive)}.money-pending{color:var(--sale-shipped)}.performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-bottom{grid-template-columns:minmax(0,1fr)}.pending-sales-note>svg{color:var(--sale-shipped)}.recent-amount>small{margin-top:5px;font-size:10px;display:block}.sales-day{gap:5px;height:70px;padding:7px 2px}.sales-day strong{justify-content:center;align-items:baseline;gap:2px;font-size:clamp(8px,.8vw,11px);display:flex}.sales-day strong small{font-size:.75em;font-weight:500}.sales-day.has-sales.received-only{background:color-mix(in srgb,var(--positive) 9%,var(--surface));border-color:color-mix(in srgb,var(--positive) 32%,var(--border))}.sales-day.has-sales.pending-only{background:color-mix(in srgb,var(--sale-shipped) 9%,var(--surface));border-color:color-mix(in srgb,var(--sale-shipped) 32%,var(--border))}.sales-day.has-sales.mixed-receipts{background:var(--surface-subtle);border-color:var(--border-strong)}.calendar-footnote>span{align-items:center;gap:5px;display:inline-flex}.receipt-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.calendar-day-detail .day-receipt-summary{flex-wrap:wrap;order:1;gap:8px 18px;width:100%;display:flex}.day-receipt-summary span.money-received{color:var(--positive)}.day-receipt-summary span.money-pending{color:var(--sale-shipped)}.day-receipt-summary b{margin-left:5px;font-weight:600}.stock-view{gap:20px;display:grid}.stock-overview{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);align-items:center;display:grid}.stock-value{min-width:0;padding:26px}.stock-value>strong{letter-spacing:-.8px;overflow-wrap:anywhere;margin-top:13px;font-size:clamp(26px,3vw,38px);font-weight:550;display:block}.stock-value>p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.stock-overview .inventory-breakdown{border-left:1px solid var(--border)}.stock-overview .inventory-breakdown>li:first-child{border-top:0}@media (width<=1200px){.sales-day strong{font-size:11px}}@media (width<=700px){.performance-kpis{grid-template-columns:minmax(0,1fr)}.performance-kpi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5px 12px;padding:17px;display:grid}.performance-kpi>div{grid-column:1;justify-content:flex-start;font-size:11px}.performance-kpi>strong{text-align:right;grid-area:1/2/3;margin:0;font-size:clamp(22px,6vw,29px)}.performance-kpi>p{grid-column:1;font-size:10px}.sales-day{gap:6px;height:67px;padding:6px 1px}.sales-day strong{gap:1px;font-size:9px}.stock-overview{grid-template-columns:minmax(0,1fr)}.stock-value{padding:22px 20px}.stock-overview .inventory-breakdown{border-left:0;border-top:1px solid var(--border)}}@media (width<=360px){.sales-day strong{font-size:8px}}