:root{--font:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--bg:#f4f6f3;--surface:#fff;--surface-2:#f8faf7;--surface-3:#eef2ed;--border:#e3e8e1;--border-strong:#cfd7ce;--text:#15211b;--text-2:#3b4a42;--muted:#5f6e66;--faint:#8b978f;--brand:#174f3d;--brand-hover:#1d634c;--brand-ink:#fff;--brand-soft:#e4efe8;--brand-text:#1b6a4e;--accent:#d8f05b;--accent-ink:#15291f;--hero-bg:#174f3d;--hero-ink:#fff;--hero-muted:#ffffffb8;--hero-tile:#ffffff17;--success:#1b7a4c;--success-soft:#e1f3e8;--warning:#8a5b00;--warning-soft:#fff1c9;--warning-fill:#e0a100;--danger:#b3342b;--danger-soft:#fdebe9;--info:#1f5f8f;--info-soft:#e2eef8;--violet:#6645ad;--violet-soft:#eee8fa;--chart-revenue:#1f7a5a;--chart-profit:#d69a1c;--chart-expenses:#c4574a;--chart-grid:#e5eae4;--sidebar-bg:#11302a;--sidebar-text:#a9bdb4;--sidebar-muted:#6f8c80;--sidebar-hover:#ffffff0f;--sidebar-active:#d8f05b1f;--sidebar-border:#ffffff14;--shadow-xs:0 1px 2px #10231b0d;--shadow-sm:0 1px 3px #10231b12, 0 1px 2px #10231b0a;--shadow-md:0 12px 32px -12px #10231b38;--shadow-lg:0 32px 72px -20px #08181161;--ring:0 0 0 3px #1f7a5a38;--scrim:#09161080;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--sidebar-width:260px;--sidebar-rail:76px;--topbar-height:64px;--bottom-nav-height:64px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1310;--surface:#111b17;--surface-2:#15211c;--surface-3:#1b2923;--border:#22322b;--border-strong:#30443b;--text:#e6eee9;--text-2:#c2cfc7;--muted:#94a59b;--faint:#6d7f76;--brand:#d8f05b;--brand-hover:#e6f98a;--brand-ink:#10231a;--brand-soft:#d8f05b1a;--brand-text:#a9e2c3;--hero-bg:#17392e;--hero-ink:#eef5f1;--hero-muted:#eef5f1a8;--hero-tile:#ffffff0f;--success:#62d19a;--success-soft:#62d19a1f;--warning:#f1c35f;--warning-soft:#f1c35f1f;--warning-fill:#f1c35f;--danger:#f28b7f;--danger-soft:#f28b7f1f;--info:#85bff0;--info-soft:#85bff01f;--violet:#bca7f3;--violet-soft:#bca7f321;--chart-revenue:#5ccb9b;--chart-profit:#f2b845;--chart-expenses:#f0806f;--chart-grid:#1f2e28;--sidebar-bg:#0a120f;--sidebar-text:#9fb3aa;--sidebar-muted:#62786e;--sidebar-border:#ffffff0f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 14px 34px -12px #0009;--shadow-lg:0 32px 80px -20px #000000bf;--ring:0 0 0 3px #d8f05b38;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p,dl,dd,figure{margin:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}::selection{color:#10231a;background:#d8f05b8c}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.align-right{text-align:right!important}.mono{font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;font-size:.92em}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--faint)}.screen-loading{place-items:center;min-height:100vh;display:grid}.button{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex;position:relative}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55}.button-primary{color:var(--brand-ink);background:var(--brand);box-shadow:var(--shadow-xs)}.button-primary:hover:not(:disabled){background:var(--brand-hover)}.button-secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.button-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--faint)}.button-danger{color:#fff;background:#c2372d}.button-danger:hover:not(:disabled){background:#a92e25}.button-sm{border-radius:var(--radius-xs);gap:6px;min-height:32px;padding:0 12px;font-size:13px}.button-lg{min-height:46px;padding:0 20px;font-size:15px}.button-full{width:100%}.text-button{color:var(--brand-text);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:4px 2px;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.text-button.danger{color:var(--danger)}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);background:var(--surface);flex:none;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid;position:relative}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.icon-button.ghost{background:0 0;border-color:#0000}.icon-button.ghost:hover:not(:disabled),.icon-button.is-active{color:var(--text);background:var(--surface-3)}.icon-button.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:#0000}.icon-button:disabled{opacity:.35}.spinner{opacity:.85;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{width:30px;height:30px;color:var(--brand-text);border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}kbd{border:1px solid var(--border);min-width:20px;height:20px;color:var(--muted);background:var(--surface-2);font-family:var(--font);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-2);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;display:flex}.field-label em{color:var(--faint);font-size:12px;font-style:normal;font-weight:500}.field-hint{color:var(--muted);font-size:12px}.field :is(input,select,textarea),.select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--text);background-color:var(--surface);outline:0;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:84px;line-height:1.5}.field :is(input,select,textarea):hover,.select:hover{border-color:var(--faint)}.field :is(input,select,textarea):focus,.select:focus{border-color:var(--brand-text);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}select,.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b978f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px!important}.field .input-prefix{align-items:center;display:flex;position:relative}.field .input-prefix>span{color:var(--muted);pointer-events:none;font-size:14px;position:absolute;left:12px}.field .input-prefix input{padding-left:36px}.switch-field{cursor:pointer;align-items:flex-start;gap:12px;display:flex;position:relative}.switch-field input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--border-strong);border-radius:999px;flex:none;width:40px;height:24px;margin-top:1px;transition:background-color .2s;position:relative}.switch-track i{width:18px;height:18px;transition:transform .2s var(--ease), background-color .2s;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch-field input:checked+.switch-track{background:var(--brand)}.switch-field input:checked+.switch-track i{background:var(--brand-ink);transform:translate(16px)}.switch-field input:focus-visible+.switch-track{box-shadow:var(--ring)}.switch-copy{flex-direction:column;gap:2px;display:flex}.switch-copy strong{font-size:14px;font-weight:600}.switch-copy small{color:var(--muted);font-size:13px}.segmented{border:1px solid var(--border);border-radius:calc(var(--radius-sm) + 2px);background:var(--surface-3);gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.is-active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.segmented-sm button{min-height:28px;padding:0 10px;font-size:12.5px}.segmented-count{min-width:20px;color:var(--muted);background:var(--surface-3);border-radius:999px;padding:0 6px;font-size:11px}.search-input{align-items:center;width:min(380px,100%);display:flex;position:relative}.search-input>svg{color:var(--faint);pointer-events:none;position:absolute;left:12px}.search-input input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text);background:var(--surface);outline:0;padding:8px 36px 8px 38px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-input input:focus{border-color:var(--brand-text);box-shadow:var(--ring)}.search-clear{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:6px}.search-clear:hover{color:var(--text);background:var(--surface-3)}.qty-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);align-items:stretch;height:42px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.qty-input:focus-within{border-color:var(--brand-text);box-shadow:var(--ring)}.qty-input button{width:36px;color:var(--muted);background:var(--surface-2);border:0;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.qty-input button:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.qty-input button:disabled{opacity:.35}.field .qty-input input{width:100%;min-width:0;min-height:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;padding:0 4px;font-weight:600}.choice-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);min-height:36px;color:var(--text-2);background:var(--surface);border-radius:999px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s}.chip:hover{color:var(--text);border-color:var(--faint)}.chip.is-active{color:var(--brand-ink);background:var(--brand);border-color:var(--brand);font-weight:600}.app-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-width);color:var(--sidebar-text);background:var(--sidebar-bg);transition:width .22s var(--ease), transform .28s var(--ease);flex-direction:column;padding:18px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:12px;min-width:0;padding:2px 6px 18px;display:flex}.brand-mark{width:38px;height:38px;color:var(--accent-ink);background:var(--accent);border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;background:#fff;width:100%;height:100%}.brand-mark.is-small{border-radius:8px;width:30px;height:30px;font-size:14px}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.brand-copy small{color:var(--sidebar-muted);font-size:12px}.sidebar-close{margin-left:auto;display:none;color:var(--sidebar-text)!important}.sidebar-close:hover{background:var(--sidebar-hover)!important}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex:1;min-height:0;padding:12px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.nav-section+.nav-section{margin-top:12px}.nav-label{color:var(--sidebar-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 12px 4px;font-size:11px;font-weight:700;display:block}.nav-item{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--sidebar-text);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;margin:2px 0;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex;position:relative}.nav-item svg{flex:none}.nav-item:hover{color:#fff;background:var(--sidebar-hover)}.nav-item.is-active{color:#fff;background:var(--sidebar-active);font-weight:600}.nav-item.is-active svg{color:var(--accent)}.nav-item.is-active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-14px}.sidebar-footer{border-top:1px solid var(--sidebar-border);align-items:center;gap:10px;min-width:0;padding:12px 0 0 6px;display:flex}.avatar{width:34px;height:34px;color:var(--accent-ink);background:#c9dad2;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.user-copy{flex-direction:column;flex:1;min-width:0;display:flex}.user-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-copy small{color:var(--sidebar-muted);font-size:12px}.sidebar-footer .icon-button{color:var(--sidebar-text)}.sidebar-footer .icon-button:hover{color:#fff;background:var(--sidebar-hover)}.drawer-scrim{display:none}.rail-tooltip{z-index:70;color:#fff;box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;background:#0b1a14;border:1px solid #ffffff14;border-radius:6px;padding:6px 10px;font-size:12.5px;font-weight:600;animation:.12s ease-out rail-tip-in;position:fixed;transform:translateY(-50%)}@keyframes rail-tip-in{0%{opacity:0;transform:translate(-4px,-50%)}}.app-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .22s var(--ease);flex-direction:column;display:flex}.topbar{z-index:30;height:var(--topbar-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);align-items:center;gap:12px;padding:0 clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.topbar-menu,.topbar-brand{display:none}.topbar-collapse{margin-left:-8px}.topbar-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.breadcrumb{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb svg{color:var(--faint)}.breadcrumb strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.topbar-actions{align-items:center;gap:4px;display:flex}.search-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);width:280px;height:38px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-xs);align-items:center;gap:10px;margin-right:6px;padding:0 8px 0 12px;font-size:13px;transition:border-color .15s,color .15s;display:flex}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-2)}.search-trigger span{text-align:left;flex:1}.notification-count{border:2px solid var(--bg);color:#fff;background:#d63a2f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:1px}.page{width:100%;max-width:1360px;animation:page-in .35s var(--ease) both;margin:0 auto;padding:28px clamp(16px,3vw,36px) 56px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bottom-nav{display:none}.popover-anchor{position:relative}.popover{z-index:60;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:400px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:popover-in .16s var(--ease);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.alerts-popover header{border-bottom:1px solid var(--border);flex-direction:column;padding:14px 16px 12px;display:flex}.alerts-popover header strong{font-size:14px}.alerts-popover header small{color:var(--muted);font-size:12.5px}.alerts-popover ul{max-height:360px;margin:0;padding:6px;list-style:none;overflow-y:auto}.alerts-popover li{border-radius:var(--radius-sm);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.alerts-popover li:hover{background:var(--surface-2)}.alert-copy{flex-direction:column;min-width:0;display:flex}.alert-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.alert-copy small{color:var(--muted);font-size:12px}.alerts-popover footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 16px;display:flex}.alerts-more{color:var(--muted);font-size:12.5px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.page-heading{min-width:0;max-width:760px}.eyebrow{color:var(--brand-text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.page-header h1{color:var(--text);letter-spacing:-.025em;font-size:clamp(24px,2.3vw,30px);font-weight:700;line-height:1.15}.page-header p{color:var(--muted);margin-top:6px;font-size:14px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-xs)}.panel-padded{padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-header h2{letter-spacing:-.01em;font-size:16px;font-weight:650}.panel-header p{color:var(--muted);margin-top:2px;font-size:13px}.panel-header-padded{margin-bottom:0;padding:18px 20px 16px}.panel-link{border-radius:var(--radius-sm);width:100%;color:var(--brand-text);background:var(--surface-2);border:0;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.panel-link:hover{background:var(--surface-3)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .search-input{flex:260px;max-width:400px}.toolbar-select{width:auto;min-width:180px;min-height:40px}.toolbar-view{margin-left:auto}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;display:flex}.alert>svg{flex:none;margin-top:1px}.alert>span{flex:1}.alert-danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 22%, transparent)}.alert-info{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 22%, transparent)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text);background:var(--surface);box-shadow:var(--shadow-xs);font:inherit;text-align:left;transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;flex-direction:column;gap:10px;padding:18px 20px;display:flex;position:relative}.stat-card.is-clickable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.is-active{border-color:var(--brand-text);box-shadow:0 0 0 1px var(--brand-text), var(--shadow-sm)}.stat-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.stat-label{color:var(--muted);font-size:13px;font-weight:500}.stat-icon{width:34px;height:34px;color:var(--brand-text);background:var(--brand-soft);border-radius:9px;flex:none;place-items:center;display:grid}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(20px,1.9vw,26px);font-weight:700;line-height:1.15}.stat-foot{min-height:20px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;display:flex}.stat-accent{color:var(--hero-ink);background:var(--hero-bg);border-color:#0000}.stat-accent .stat-label,.stat-accent .stat-foot{color:var(--hero-muted)}.stat-accent .stat-icon{color:var(--accent);background:var(--hero-tile)}.stat-accent.is-active{box-shadow:0 0 0 2px var(--accent), var(--shadow-sm)}.tone-success .stat-icon{color:var(--success);background:var(--success-soft)}.tone-warning .stat-icon{color:var(--warning);background:var(--warning-soft)}.tone-danger .stat-icon{color:var(--danger);background:var(--danger-soft)}.tone-danger .stat-value{color:var(--danger)}.delta{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.delta-suffix{opacity:.85;margin-left:2px;font-weight:500}.delta-up{color:var(--success);background:var(--success-soft)}.delta-down{color:var(--danger);background:var(--danger-soft)}.stat-accent .delta-up{color:var(--accent);background:#d8f05b24}.stat-accent .delta-down{color:#ffb8ae;background:#ff786429}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge-healthy{color:var(--success);background:var(--success-soft)}.badge-low{color:var(--warning);background:var(--warning-soft)}.badge-out{color:var(--danger);background:var(--danger-soft)}.badge-neutral{color:var(--text-2);background:var(--surface-3)}.badge-info{color:var(--info);background:var(--info-soft)}.badge-violet{color:var(--violet);background:var(--violet-soft)}.badge-brand{color:var(--brand-text);background:var(--brand-soft)}.pill-badge{color:var(--accent-ink);background:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:700}.count-pill{min-width:28px;height:24px;color:var(--warning);background:var(--warning-soft);border-radius:999px;place-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-grid}.thumb{width:40px;height:40px;color:var(--brand-text);background:var(--brand-soft);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-sm{border-radius:8px;width:32px;height:32px;font-size:13px}.thumb-lg{border-radius:12px;width:48px;height:48px;font-size:17px}.stock-meter{flex-direction:column;gap:6px;min-width:110px;display:flex}.stock-meter-value{color:var(--text-2);white-space:nowrap;font-size:13px}.stock-meter-value strong{color:var(--text);font-weight:600}.stock-meter-track{background:var(--surface-3);border-radius:999px;width:100%;max-width:140px;height:6px;position:relative;overflow:hidden}.stock-meter-track i{border-radius:inherit;background:var(--success);transition:width .6s var(--ease);position:absolute;inset:0 auto 0 0}.meter-low i{background:var(--warning-fill)}.meter-out i{background:var(--danger)}.product-cell{align-items:center;gap:12px;min-width:200px;display:flex}.product-cell-copy{flex-direction:column;min-width:0;display:flex}.product-cell-copy strong{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.product-cell-copy small{max-width:280px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.cell-stack{flex-direction:column;display:flex}.align-right .cell-stack{white-space:nowrap;align-items:flex-end}.cell-sub{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:400;display:block}.cell-truncate{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:320px;display:-webkit-box;overflow:hidden}.locked-record{width:36px;height:36px;color:var(--faint);place-items:center;display:inline-grid}.table-panel{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table .align-right,.stock-meter-value{font-variant-numeric:tabular-nums}.data-table th{border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface-2);letter-spacing:.02em;text-align:left;white-space:nowrap;padding:11px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:14px 16px;font-size:14px}.data-table th:first-child,.data-table td:first-child{padding-left:20px}.data-table th:last-child,.data-table td:last-child{padding-right:20px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color .12s}.data-table tbody tr:hover{background:var(--surface-2)}.data-table.is-interactive tbody tr{cursor:pointer}.data-table tbody tr:focus-visible{outline:2px solid var(--brand-text);outline-offset:-2px}.data-table td strong{color:var(--text);font-weight:600}.data-table .cell-actions{text-align:right;white-space:nowrap;width:1%}.pagination{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.pagination-summary strong{color:var(--text);font-weight:600}.pagination-pages{align-items:center;gap:4px;display:flex}.page-button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--text-2);background:var(--surface);font-variant-numeric:tabular-nums;place-items:center;padding:0 10px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-grid}.page-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.page-button.is-current{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.page-button:disabled{opacity:.4}.page-gap{width:24px;color:var(--faint);text-align:center}.sk{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-value{border-radius:8px;width:58%;height:26px}.sk-avatar{border-radius:10px;width:40px;height:40px}.sk-media{border-radius:10px;height:150px}.sk-chart{border-radius:10px;height:280px;margin-top:18px}.sk-row{border-radius:10px;height:44px;margin-top:14px}.skeleton-table{overflow:hidden}.skeleton-row{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) 110px 80px;align-items:center;gap:16px;padding:16px 20px;display:grid}.skeleton-row:last-child{border-bottom:0}.skeleton-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex}.skeleton-panel{padding:20px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.empty-state.is-compact{padding:28px 16px}.empty-icon{width:48px;height:48px;color:var(--brand-text);background:var(--brand-soft);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.empty-state h3{color:var(--text);font-size:15px;font-weight:600}.empty-state p{max-width:360px;margin:6px 0 16px;font-size:13.5px;line-height:1.55}.empty-state.is-compact p{margin-bottom:0}.chart-empty{height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.chart-empty strong{color:var(--text)}.modal-root{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:24px 16px;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-root-top{z-index:120}.modal-root.is-leaving{animation:.18s ease-in forwards fade-out}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100%);max-height:min(900px,100dvh - 48px);box-shadow:var(--shadow-lg);animation:modal-in .24s var(--ease);outline:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.is-leaving .modal{animation:.18s ease-in forwards modal-out}.modal-sm{width:min(440px,100%)}.modal-lg{width:min(860px,100%)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 16px 24px;display:flex}.modal-header h2{letter-spacing:-.015em;font-size:18px;font-weight:700}.modal-header p{color:var(--muted);margin-top:4px;font-size:13.5px}.modal-header .icon-button{margin:-4px -4px 0 0}.modal-body{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.modal-sm .modal-header{border-bottom:0;padding-bottom:20px}.modal-sm .modal-footer{background:0 0;border-top:0;padding-top:0;padding-bottom:20px}.modal .form-actions{z-index:2;border-top:1px solid var(--border);background:var(--surface);margin:4px -24px -24px;padding:14px 24px;position:sticky;bottom:-24px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes modal-out{to{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}.toast-region{z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .3s var(--ease);grid-template-columns:20px minmax(0,1fr) 24px;align-items:start;gap:12px;padding:14px 12px 14px 16px;display:grid}.toast.is-leaving{animation:.2s ease-in forwards toast-out}.toast>svg{margin-top:1px}.toast-success>svg{color:var(--success)}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:var(--info)}.toast strong{font-size:14px;font-weight:600;display:block}.toast p{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.toast-close{width:24px;height:24px;color:var(--faint);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.toast-close:hover{color:var(--text);background:var(--surface-3)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}.palette-root{z-index:150;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.palette-root.is-leaving{animation:.15s ease-in forwards fade-out}.palette{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(640px,100%);max-height:min(560px,76vh);box-shadow:var(--shadow-lg);animation:modal-in .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.palette-search{height:58px;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 12px 0 18px;display:flex}.palette-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.palette-close{border:1px solid var(--border);height:26px;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:0 8px;font-size:12px;font-weight:600}.palette-list{overscroll-behavior:contain;flex:1;padding:8px;overflow-y:auto}.palette-group+.palette-group{margin-top:6px}.palette-group-label{color:var(--muted);padding:8px 10px 6px;font-size:12px;font-weight:600;display:block}.palette-item{border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:6px 10px;font-size:14px;display:flex}.palette-item.is-active{background:var(--surface-3)}.palette-icon{width:32px;height:32px;color:var(--brand-text);background:var(--brand-soft);border-radius:8px;flex:none;place-items:center;display:grid}.palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.palette-hint{color:var(--muted);white-space:nowrap;font-size:12.5px}.palette-enter{color:var(--faint);opacity:0;flex:none}.palette-item.is-active .palette-enter{opacity:1}.palette-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.palette-empty strong{color:var(--text)}.palette-footer{color:var(--muted);background:var(--surface-2);border-top:1px solid var(--border);gap:18px;padding:10px 16px;font-size:12px;display:flex}.palette-footer span{align-items:center;gap:4px;display:flex}.stack-form{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.form-span{grid-column:1/-1}.form-section-title{color:var(--text);grid-column:1/-1;align-items:center;gap:12px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.form-section-title:after{content:"";background:var(--border);flex:1;height:1px}.form-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:16px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h3{font-size:14px;font-weight:600}.section-title p{color:var(--muted);margin-top:2px;font-size:12.5px}.section-title:has(>.section-actions){flex-wrap:wrap}.section-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.inline-empty{color:var(--muted);font-size:13px}.image-field{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:16px;padding:16px;transition:border-color .15s,background-color .15s;display:flex}.image-field.is-dragging{border-color:var(--brand-text);background:var(--brand-soft)}.image-preview{border:1px solid var(--border);width:88px;height:88px;color:var(--faint);background:var(--surface);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview.is-logo img{object-fit:contain;background:#fff}.image-copy{min-width:0}.image-copy h3{font-size:14px;font-weight:600}.image-copy p{color:var(--muted);margin:4px 0 12px;font-size:13px}.image-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.info-strip{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 16px;display:grid}.info-strip span{flex-direction:column;gap:2px;min-width:0;display:flex}.info-strip small{color:var(--muted);font-size:12px}.info-strip strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.attribute-list{flex-direction:column;gap:8px;display:flex}.attribute-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr) 36px;gap:8px;display:grid}.attribute-row input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:0;min-height:38px;color:var(--text);background:var(--surface);outline:0;padding:8px 10px;font-size:14px}.attribute-row input:focus{border-color:var(--brand-text);box-shadow:var(--ring)}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;margin-bottom:20px;display:grid}.attention-panel{flex-direction:column;display:flex}.attention-list{margin:0;padding:0;list-style:none}.attention-list li{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.attention-list li:first-child{padding-top:0}.attention-list li:last-child{border-bottom:0}.attention-copy{flex-direction:column;min-width:0;display:flex}.attention-copy strong,.attention-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attention-copy strong{font-size:14px;font-weight:600}.attention-copy small{color:var(--muted);font-size:12.5px}.attention-stock{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.attention-stock strong{font-size:13.5px;font-weight:650}.attention-stock small{color:var(--muted);font-size:12px}.attention-stock.is-out strong{color:var(--danger)}.attention-stock.is-low strong{color:var(--warning)}.attention-panel .attention-list{flex:1}.statement{flex-direction:column;display:flex}.statement>div{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.statement dt{color:var(--text-2)}.statement dd{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.statement-subtotal{border-bottom-style:solid!important}.statement-subtotal dt,.statement-subtotal dd{color:var(--text);font-weight:650}.statement-total{border-top:2px solid var(--text);margin-top:2px;border-bottom:0!important;padding-top:14px!important;font-size:16px!important}.statement-total dt{color:var(--text);font-weight:700}.statement-total dd{font-weight:750}.statement-note{border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-2);gap:10px;margin-top:16px;padding:12px;font-size:12.5px;line-height:1.5;display:flex}.statement-note svg{flex:none;margin-top:1px}.statement-note strong{color:var(--text)}.chart{min-width:0}.chart-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.chart-legend{flex-wrap:wrap;gap:6px;display:flex}.legend-item{border:1px solid var(--border);height:30px;color:var(--text-2);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:12.5px;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.legend-item:hover{border-color:var(--border-strong)}.legend-item i{border-radius:3px;width:10px;height:10px;transition:opacity .15s}.legend-item.is-off{color:var(--faint);background:0 0;border-style:dashed}.legend-item.is-off i{opacity:.25}.swatch-revenue{background:var(--chart-revenue)}.swatch-profit{background:var(--chart-profit)}.swatch-expenses{background:var(--chart-expenses)}.chart-canvas{touch-action:pan-y;position:relative}.chart-canvas svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:var(--chart-grid);stroke-dasharray:3 4}.chart-baseline{stroke:var(--border-strong)}.chart-axis{fill:var(--muted);font-family:var(--font);font-variant-numeric:tabular-nums;font-size:11px}.chart-axis.is-active{fill:var(--text);font-weight:600}.chart-hover-line{stroke:var(--border-strong);stroke-dasharray:4 4}.chart-hover-band{fill:var(--surface-3)}.chart-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw-line 1.1s var(--ease) forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.stroke-revenue{stroke:var(--chart-revenue)}.stroke-profit{stroke:var(--chart-profit)}.stroke-expenses{stroke:var(--chart-expenses)}.fill-revenue{fill:var(--chart-revenue)}.fill-profit{fill:var(--chart-profit)}.fill-expenses{fill:var(--chart-expenses)}.chart-area{fill:url(#chart-revenue-fill);animation:.9s .25s both fade-in}.chart-dot{stroke:var(--surface);stroke-width:2.5px;transition:r .15s}.chart-bar{transform-box:fill-box;transform-origin:50% 100%;animation:grow-bar .6s var(--ease) both}@keyframes grow-bar{0%{transform:scaleY(0)}}.chart-tooltip{z-index:2;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow-md);pointer-events:none;flex-direction:column;gap:5px;padding:12px;font-size:12.5px;display:flex;position:absolute;top:2px}.chart-tooltip strong{margin-bottom:3px;font-size:13px}.tooltip-row{color:var(--muted);align-items:center;gap:8px;display:flex}.tooltip-row i{border-radius:2px;flex:none;width:8px;height:8px}.tooltip-row b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.tooltip-sub{padding-left:16px;font-size:12px}.tooltip-sub b{color:var(--text-2);font-weight:500}.chart-insights{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;display:grid}.chart-insights div{flex-direction:column;gap:3px;min-width:0;display:flex}.chart-insights span{color:var(--muted);font-size:12px}.chart-insights strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text);background:var(--surface);box-shadow:var(--shadow-xs);font:inherit;text-align:left;transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;flex-direction:column;padding:0;display:flex;overflow:hidden}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card-media{aspect-ratio:4/3;color:var(--faint);background:var(--surface-3);place-items:center;display:grid;position:relative;overflow:hidden}.product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease)}.product-card:hover .product-card-media img{transform:scale(1.04)}.product-card-flags{gap:6px;display:flex;position:absolute;top:10px;left:10px}.product-card-body{flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.product-card-title{flex-direction:column;min-width:0;display:flex}.product-card-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.product-card-title small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.product-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-card-price{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.product-card .stock-meter{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:200px;box-shadow:var(--shadow-xs);transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;flex-direction:column;padding:20px;display:flex;position:relative}.category-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-link{z-index:1;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.category-card-top{justify-content:space-between;align-items:center;display:flex}.category-card-actions{z-index:2;opacity:.7;gap:2px;transition:opacity .15s;display:flex;position:relative}.category-card:hover .category-card-actions,.category-card-actions:focus-within{opacity:1}.category-icon{width:40px;height:40px;color:var(--brand-text);background:var(--brand-soft);border-radius:10px;place-items:center;display:grid}.category-card h2{margin:16px 0 6px;font-size:16px;font-weight:650}.category-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.category-card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.category-link{color:var(--brand-text);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:gap .15s;display:inline-flex}.category-card:hover .category-link{gap:8px}.category-card-new{color:var(--muted);box-shadow:none;font:inherit;text-align:center;background:0 0;border-style:dashed;border-width:1.5px;justify-content:center;align-items:center;gap:8px}.category-card-new strong{color:var(--text);font-size:15px;font-weight:600}.category-card-new small{font-size:13px}.category-card-new:hover{color:var(--text-2);background:var(--surface)}.stepper{align-items:center;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.step{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.step>span{border:1.5px solid var(--border-strong);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.step.is-active{color:var(--text)}.step.is-active>span{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.step.is-done>span{color:var(--brand-text);border-color:var(--brand-text);background:var(--brand-soft)}.step-divider{background:var(--border-strong);flex:0 40px;width:40px;height:1.5px}.order-lines{flex-direction:column;gap:10px;display:flex}.order-line{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);animation:modal-in .22s var(--ease);grid-template-columns:minmax(0,2.2fr) minmax(120px,.9fr) minmax(0,1fr) minmax(0,.9fr) 36px;align-items:end;gap:10px;padding:12px 12px 32px;display:grid}.giveaway-line{grid-template-columns:minmax(0,2.4fr) minmax(130px,1fr) minmax(0,.9fr) 36px}.order-line .field{position:relative}.order-line .field-hint{white-space:nowrap;position:absolute;top:calc(100% + 4px);left:0}.line-total{flex-direction:column;justify-content:center;min-height:42px;display:flex}.line-total small{color:var(--muted);font-size:12px}.line-total strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.line-remove{align-self:center;margin-top:22px}.order-summary{border-radius:var(--radius-sm);background:var(--brand-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-summary span{color:var(--text-2);font-size:13px}.order-summary strong{color:var(--brand-text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:750}.order-review{flex-direction:column;gap:14px;display:flex}.review-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.review-meta span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.review-meta small{color:var(--muted);font-size:12px}.review-meta strong{font-size:14px;font-weight:600}.confirmation-cards{flex-direction:column;gap:8px;display:flex}.confirmation-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;display:grid}.confirmation-card>div{flex-direction:column;min-width:0;display:flex}.confirmation-card>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.confirmation-card>div small{color:var(--muted);font-size:12.5px}.confirmation-quantity{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.confirmation-amount{text-align:right;font-variant-numeric:tabular-nums;min-width:90px;font-size:14px}.review-note{border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px}.review-note small{color:var(--muted);font-size:12px}.review-note p{margin-top:2px;font-size:13.5px}.confirmation-total{border-radius:var(--radius-sm);color:var(--hero-ink);background:var(--hero-bg);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.confirmation-total span{color:var(--hero-muted);font-size:13px}.confirmation-total strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:750}.receipt-print-area{border-radius:var(--radius-sm);color:#1e2a24;background:#fff;border:1px solid #e0e5df;padding:24px;box-shadow:0 1px 3px #0000000f}.receipt-line>span:nth-child(2),.receipt-line>strong,.receipt-total strong{font-variant-numeric:tabular-nums}.receipt-header{border-bottom:2px solid #174f3d;align-items:center;gap:12px;padding-bottom:18px;display:flex}.receipt-logo{color:#174f3d;background:#d8f05b;border-radius:9px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;overflow:hidden}.receipt-logo img{object-fit:contain;background:#fff;width:100%;height:100%}.receipt-header h2{font-size:16px;font-weight:700}.receipt-header p{color:#6b766f;margin-top:1px;font-size:12px}.receipt-title{justify-content:space-between;padding:16px 0;display:flex}.receipt-title div{flex-direction:column;display:flex}.receipt-title div:last-child{text-align:right}.receipt-title span,.receipt-customer>span{color:#7d8881;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700}.receipt-title strong{margin-top:2px;font-size:13px}.receipt-customer{background:#f3f5f1;border-radius:6px;grid-template-columns:1fr auto;align-items:baseline;padding:10px 12px;display:grid}.receipt-customer>span{grid-column:1/-1}.receipt-customer strong{margin-top:2px;font-size:13px}.receipt-customer small{color:#5f6b64;font-size:12px}.receipt-lines{margin-top:14px}.receipt-line{border-bottom:1px solid #e7eae6;grid-template-columns:minmax(0,1fr) auto 96px;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:grid}.receipt-line>span:first-child{flex-direction:column;min-width:0;display:flex}.receipt-line small{color:#7d8881;margin-top:1px;font-size:11.5px}.receipt-line>strong{text-align:right}.receipt-total{justify-content:space-between;align-items:center;padding:16px 0 6px;display:flex}.receipt-total span{font-size:14px;font-weight:700}.receipt-total strong{color:#174f3d;font-size:24px;font-weight:800}.receipt-notes{color:#5f6b64;background:#f6f7f4;border-radius:6px;margin-top:10px;padding:10px;font-size:12.5px}.receipt-footer{color:#174f3d;flex-direction:column;align-items:center;gap:2px;margin-top:26px;font-size:13px;display:flex}.receipt-footer span{color:#7d8881;font-size:12px}.period-control{align-items:center;gap:6px;display:flex}.period-control .select{width:auto;min-height:40px}.period-control .icon-button{width:40px;height:40px}.is-refreshing{opacity:.55;pointer-events:none;transition:opacity .2s}.report-hero{border-radius:var(--radius-lg);color:var(--hero-ink);background:var(--hero-bg);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:28px;margin-bottom:20px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.report-hero:after{content:"";pointer-events:none;border:1px solid #d8f05b40;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-80px;box-shadow:0 0 0 50px #d8f05b0a,0 0 0 100px #d8f05b06}.report-hero>*{z-index:1;position:relative}.report-hero-label{color:var(--hero-muted);font-size:13px;font-weight:600}.report-hero-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 4px;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.1;display:block}.report-hero-value.is-negative{color:#ffb8ae}.report-hero p{color:var(--hero-muted);font-size:13px}.profit-formula{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.profit-formula span{border-radius:var(--radius-sm);background:var(--hero-tile);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.profit-formula small{color:var(--hero-muted);font-size:12px}.profit-formula strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:15px;font-weight:650}.share{align-items:center;gap:10px;min-width:150px;display:flex}.share-track{background:var(--surface-3);border-radius:999px;flex:1;height:6px;overflow:hidden}.share-track i{border-radius:inherit;background:var(--chart-revenue);height:100%;display:block}.share>span:last-child{width:48px;color:var(--muted);text-align:right;font-size:12.5px}.report-note{color:var(--muted);align-items:flex-start;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.report-note svg{flex:none;margin-top:2px}.settings-layout{flex-direction:column;gap:20px;max-width:960px;display:flex}.settings-section{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;padding:24px;display:grid}.settings-section-copy h2{font-size:15px;font-weight:650}.settings-section-copy p{color:var(--muted);margin-top:4px;font-size:13.5px;line-height:1.55}.settings-section-body{flex-direction:column;gap:18px;min-width:0;display:flex}.account-card{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.account-copy{flex-direction:column;flex:180px;gap:2px;min-width:0;display:flex}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.account-copy small{color:var(--muted);font-size:13px}.backup-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.backup-facts dt{color:var(--muted);font-size:12px}.backup-facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:14px;font-weight:600}.backup-facts a{color:var(--brand-text);align-items:center;gap:6px;display:inline-flex}.backup-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.backup-off{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.backup-note{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.setup-help{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px;font-size:13.5px}.setup-help summary{cursor:pointer;font-weight:600}.setup-help ol{color:var(--text-2);flex-direction:column;gap:6px;margin:10px 0 0;padding-left:20px;line-height:1.5;display:flex}.setup-help a{color:var(--brand-text);text-decoration:underline}.key-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.key-name{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.share-note{border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;display:flex}.share-note strong{overflow-wrap:anywhere;color:var(--text)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-option{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);text-align:left;flex-direction:column;gap:10px;padding:10px;transition:border-color .15s,box-shadow .15s;display:flex}.theme-option:hover{border-color:var(--border-strong)}.theme-option.is-active{border-color:var(--brand-text);box-shadow:var(--ring)}.theme-preview{border:1px solid var(--border);border-radius:8px;grid-template-columns:28% 1fr;height:68px;display:grid;overflow:hidden}.theme-preview b{border-radius:5px;margin:10px}.preview-light{background:#f4f6f3}.preview-light i{background:#11302a}.preview-light b{background:#fff;box-shadow:0 1px 3px #0000001f}.preview-dark{background:#0b1310}.preview-dark i{background:#0a120f;border-right:1px solid #22322b}.preview-dark b{background:#111b17;border:1px solid #22322b}.preview-system{background:linear-gradient(135deg,#f4f6f3 50%,#0b1310 50%)}.preview-system i{background:#11302a}.preview-system b{background:linear-gradient(135deg,#fff 50%,#111b17 50%)}.theme-option-label{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.theme-check{color:var(--brand-text);margin-left:auto}.save-bar{z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s, transform .25s var(--ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex;position:sticky;bottom:16px;transform:translateY(16px)}.save-bar.is-visible{opacity:1;pointer-events:auto;transform:none}.save-bar>span{color:var(--text-2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.save-bar>div{gap:8px;display:flex}.login-page{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:100dvh;display:grid}.login-panel{flex-direction:column;justify-content:center;padding:48px clamp(24px,6vw,88px);display:flex}.login-card{width:100%;max-width:400px;margin:0 auto}.login-brand{align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.login-heading{margin:48px 0 28px}.login-heading h1{letter-spacing:-.03em;font-size:32px;font-weight:750}.login-heading p{color:var(--muted);margin-top:8px;font-size:15px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form .button{margin-top:6px}.password-input{display:block;position:relative}.field .password-input input{padding-right:46px}.password-toggle{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:var(--surface-3)}.login-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12.5px;display:flex}.login-art{color:#fff;background:radial-gradient(120% 90% at 85% 5%,#21604a 0%,#11302a 55%,#0b211b 100%);border-radius:20px;flex-direction:column;justify-content:flex-end;margin:12px;padding:clamp(40px,6vw,80px);display:flex;position:relative;overflow:hidden}.art-grid{opacity:.3;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;transform:perspective(600px)rotate(-10deg)scale(1.3)}.login-art:before{content:"";border:1px solid #d8f05b66;border-radius:50%;width:300px;height:300px;position:absolute;top:8%;right:8%;box-shadow:0 0 0 55px #d8f05b0a,0 0 0 110px #d8f05b06}.art-copy{z-index:1;max-width:480px;position:relative}.art-eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.art-copy h2{letter-spacing:-.04em;margin:14px 0 28px;font-size:clamp(34px,3.8vw,54px);font-weight:750;line-height:1.03}.art-features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.art-features li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.art-features li>span{color:#15291f;background:#d8f05b;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.art-features strong{font-size:14px;font-weight:600;display:block}.art-features small{color:#ffffffa8;font-size:13px}@media (width>=961px){.sidebar{padding:16px 12px 12px}.sidebar-brand{padding:0 6px 14px}.sidebar-nav{padding:10px 0}.nav-section+.nav-section{margin-top:10px}.nav-item{height:36px;margin:1px 0}.nav-item.is-active:before{top:8px;bottom:8px;left:-12px}.is-collapsed .sidebar{width:var(--sidebar-rail)}.is-collapsed .app-main{margin-left:var(--sidebar-rail)}.is-collapsed .brand-copy,.is-collapsed .nav-label,.is-collapsed .sidebar .avatar,.is-collapsed .user-copy{display:none}.is-collapsed .sidebar-brand{justify-content:center;padding:0 0 12px}.is-collapsed .brand-mark{width:36px;height:36px}.is-collapsed .sidebar-nav{scrollbar-width:none}.is-collapsed .sidebar-nav::-webkit-scrollbar{display:none}.is-collapsed .nav-section+.nav-section{margin-top:0}.is-collapsed .nav-section+.nav-section:before{content:"";background:var(--sidebar-border);width:20px;height:1px;margin:5px auto;display:block}.is-collapsed .nav-item{justify-content:center;width:44px;margin:1px auto;padding:0}.is-collapsed .nav-item.is-active:before{left:-16px}.is-collapsed .nav-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-collapsed .sidebar-footer{justify-content:center;padding:10px 0 0}.is-collapsed .sidebar-footer .icon-button{width:44px}}@media (width<=1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-trigger{width:220px}}@media (width<=1100px){.dashboard-grid,.report-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){.sidebar{visibility:hidden;width:min(300px,86vw);transition:transform .28s var(--ease), visibility 0s linear .28s;transform:translate(-100%)}.drawer-open .sidebar{visibility:visible;box-shadow:var(--shadow-lg);transition:transform .28s var(--ease), visibility 0s;transform:none}.drawer-scrim{z-index:35;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .25s;display:block;position:fixed;inset:0}.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.sidebar-close{display:inline-grid}.topbar-collapse{display:none}.app-main{margin-left:0}.topbar{gap:6px;padding:0 10px 0 6px}.topbar-menu{display:inline-grid}.topbar-brand{display:inline-flex}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:16px;font-weight:700}.search-trigger{width:36px;height:36px;box-shadow:none;background:0 0;border-color:#0000;justify-content:center;margin:0;padding:0}.search-trigger:hover{background:var(--surface-3)}.search-trigger span,.search-trigger kbd{display:none}.popover{top:calc(var(--topbar-height) - 4px);width:auto;position:fixed;left:10px;right:10px}.page{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 32px)}.bottom-nav{z-index:30;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{height:var(--bottom-nav-height);color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;display:flex;position:relative}.bottom-nav-item.is-active{color:var(--brand-text)}.bottom-nav-item.is-active:before{content:"";background:var(--brand-text);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}.bottom-nav-fab{border:4px solid var(--bg);width:46px;height:46px;color:var(--brand-ink);background:var(--brand);border-radius:16px;place-items:center;margin-top:-26px;transition:transform .15s;display:grid;box-shadow:0 8px 20px -6px #174f3d8c}.bottom-nav-action:active .bottom-nav-fab{transform:scale(.94)}.bottom-nav-action{color:var(--text-2)}.toast-region{top:calc(var(--topbar-height) + 8px);width:auto;bottom:auto;left:12px;right:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}.save-bar{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px)}}@media (width<=720px){.page{padding-top:20px}.page-header{align-items:stretch;margin-bottom:20px}.page-actions{width:100%}.page-actions>.button{flex:1 1 0}.period-control{width:100%}.period-control .select{flex:1 1 0;min-width:0}.toolbar .search-input{flex:100%;max-width:none}.toolbar-select{flex:1 1 0;min-width:0}.toolbar-status{order:3;width:100%;overflow-x:auto}.toolbar-status button{flex:1 0 auto}.panel-padded{padding:16px}.panel-header-padded{padding:16px 16px 12px}.chart-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-toolbar .segmented{width:100%}.chart-toolbar .segmented button{flex:1}.data-table thead{display:none}.data-table,.data-table tbody{display:block}.data-table tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px;display:grid}.data-table.has-actions tr{grid-template-columns:minmax(0,1fr) auto}.data-table tbody tr:last-child{border-bottom:0}.data-table td{text-align:right;border:0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-width:0;font-size:14px;display:flex;padding:0!important}.data-table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:13px;font-weight:500}.data-table td[data-label=""]:before,.data-table td.cell-primary:before,.data-table td.cell-actions:before{display:none}.data-table td.cell-primary{text-align:left;order:-2;grid-column:1;justify-content:flex-start;padding-bottom:4px!important}.data-table:not(.has-actions) td.cell-primary{grid-column:1/-1}.data-table td.cell-actions{order:-1;grid-area:1/2;align-self:start;width:auto}.data-table td.hide-mobile{display:none}.data-table .cell-stack{align-items:flex-end}.data-table .cell-primary .cell-stack{align-items:flex-start}.data-table .stock-meter{align-items:flex-end}.data-table .cell-truncate{max-width:65%}.data-table .product-cell{min-width:0}.data-table .product-cell-copy small{white-space:normal;max-width:none}.pagination{justify-content:center}.pagination-summary{text-align:center;width:100%}.form-grid{grid-template-columns:minmax(0,1fr)}.info-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.info-strip span:last-child{grid-column:1/-1}.attribute-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.attribute-row input:nth-child(3){grid-column:1/3}.order-line,.giveaway-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:12px}.order-line>.field:first-child{grid-column:1/-1}.order-line .field-hint{position:static}.purchase-line .field-hint{white-space:normal}.line-total{min-height:0}.line-remove{justify-self:end;margin-top:0}.review-meta{grid-template-columns:minmax(0,1fr)}.confirmation-card{grid-template-columns:48px minmax(0,1fr) auto}.confirmation-quantity{grid-column:2}.confirmation-amount{grid-area:1/3/3}.modal-root{align-items:flex-end;padding:0}.modal,.modal-sm,.modal-lg{border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-height:94dvh;animation-name:sheet-in;animation-duration:.3s}.is-leaving .modal{animation-name:sheet-out}.modal:before{content:"";background:var(--border-strong);border-radius:999px;width:36px;height:4px;margin-left:-18px;position:absolute;top:7px;left:50%}.modal-header{padding:22px 14px 14px 18px}.modal-body{padding:16px 18px 18px}.modal .form-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom));margin:4px -18px -18px;bottom:-18px}.modal .form-actions .button,.modal-footer .button{flex:1 1 0}.modal-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.report-hero{padding:22px 20px}.profit-formula{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.backup-facts{grid-template-columns:minmax(0,1fr)}.save-bar>div,.save-bar .button{flex:1 1 0}.save-bar{padding:12px}.login-page{grid-template-columns:minmax(0,1fr)}.login-art{display:none}.login-panel{justify-content:flex-start;padding:40px 20px}.login-heading{margin-top:40px}}@media (width<=480px){.stat-grid{gap:10px}.stat-card{gap:8px;padding:14px}.stat-value{font-size:18px}.stat-icon{border-radius:8px;width:30px;height:30px}.stat-label{font-size:12.5px}.product-grid,.skeleton-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card-body{gap:8px;padding:10px 12px 12px}.product-card-meta{flex-direction:column;align-items:flex-start;gap:6px}.category-grid{grid-template-columns:minmax(0,1fr)}.image-field{flex-direction:column;align-items:flex-start}.theme-options{gap:8px}.theme-preview{height:54px}.field :is(input,select,textarea),.select,.search-input input,.attribute-row input{font-size:16px}.stepper .step{font-size:12.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body.printing-receipt{background:#fff!important}body.printing-receipt>:not(.modal-root){display:none!important}body.printing-receipt .modal-root{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;animation:none;display:block;position:static}body.printing-receipt .modal{width:100%;max-height:none;box-shadow:none;border:0;border-radius:0;animation:none;overflow:visible}body.printing-receipt .modal:before,body.printing-receipt .modal-header,body.printing-receipt .modal-footer{display:none!important}body.printing-receipt .modal-body{padding:0;overflow:visible}.receipt-print-area{box-shadow:none;border:0;padding:0}@page{margin:12mm}}