:root{--bg: #efe4cd;--surface: #faf3e6;--surface-2: #e9dac0;--surface-hover: #dfc9a8;--surface-glass: rgba(250, 243, 230, .9);--ink: #2a1a10;--ink-2: #4a3626;--muted: #7c674f;--muted-2: #a28d72;--border: #dcc7a4;--border-strong: #c2a375;--accent: #b23a1e;--accent-hover: #942e16;--accent-gold-light: #f0dcc4;--accent-soft: #f3ddcb;--accent-ink: #fff8ef;--accent-glow: none;--seal: #a67c2e;--seal-soft: #eee0bf;--warn: #9c6b1f;--warn-soft: #f1e3c8;--danger: #a23325;--danger-soft: #f3dad3;--info: #2f5c6b;--info-soft: #dce9ec;--success: #2f6b44;--success-soft: #dceee1;--radius: 4px;--radius-sm: 3px;--radius-lg: 10px;--radius-full: 9999px;--font-display: "Fraunces", "IBM Plex Sans", serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgba(42, 26, 16, .05);--shadow-md: 0 4px 16px rgba(42, 26, 16, .08);--shadow-lg: 0 18px 48px rgba(42, 26, 16, .18);--shadow-gold: none;--sidebar-w: 248px;--sidebar-w-collapsed: 60px;--topbar-h: 60px}[data-theme=dark],.theme-dark{--bg: #19100a;--surface: #251910;--surface-2: #302015;--surface-hover: #3d2919;--ink: #f6ead9;--ink-2: #e2ceb5;--muted: #b99e83;--muted-2: #8d7561;--border: #4a3323;--border-strong: #6c4a32;--accent: #e2703f;--accent-hover: #ec8659;--accent-gold-light: #4a2c1c;--accent-soft: #452a1b;--accent-ink: #19100a;--seal: #c89b4a;--seal-soft: #3a2c14;--warn: #c99239;--warn-soft: #3a2c14;--danger: #d16352;--danger-soft: #3a201a;--info: #6fa3b3;--info-soft: #16292d;--success: #6ea87f;--success-soft: #17291d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100vh;min-height:100vh;transition:grid-template-columns .24s cubic-bezier(.16,1,.3,1);background:var(--bg)}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;height:100vh;position:sticky;top:0;z-index:40;box-shadow:var(--shadow-sm);transition:width .24s cubic-bezier(.16,1,.3,1)}.sb-brand{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);height:var(--topbar-h);flex-shrink:0;background:linear-gradient(180deg,rgba(212,175,55,.06),transparent)}.sb-logo{width:28px;height:28px;background:linear-gradient(135deg,#d4af37,#996515);color:#0c0906;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:-.02em;flex-shrink:0;box-shadow:0 0 12px #d4af3766;border:1px solid rgba(255,255,255,.4)}.sb-brand-name{font-weight:700;font-size:13.5px;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);background:linear-gradient(90deg,var(--ink),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sb-tenant{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted);padding:2px 7px;border:1px solid var(--border);border-radius:5px;white-space:nowrap;cursor:pointer;background:var(--surface-2);transition:all .15s}.sb-tenant:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.sb-search{padding:10px 10px 6px;flex-shrink:0}.sb-search-input{width:100%;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--muted);cursor:pointer;transition:all .15s}.sb-search-input:hover{background:var(--surface-hover);border-color:var(--border-strong)}.sb-search-kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--muted)}.sb-nav{flex:1;overflow-y:auto;padding:6px 10px 16px}.sb-section{padding:10px 4px 4px}.sb-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.85;padding:4px 8px}.collapsed .sb-section-label,.collapsed .sb-brand-name,.collapsed .sb-tenant,.collapsed .sb-search-kbd,.collapsed .nav-item-label,.collapsed .nav-item-badge,.collapsed .nav-chev{display:none}.collapsed .sb-search-input,.collapsed .nav-item{justify-content:center;padding:0}.collapsed .sb-clock-toggle{padding-inline:10px}.collapsed .sb-clock-toggle .btn{padding-inline:0}.collapsed .sb-clock-status,.collapsed .sb-clock-error{display:none}.nav-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:6px;color:var(--ink-2);cursor:pointer;font-size:12.5px;font-weight:500;-webkit-user-select:none;user-select:none;position:relative;transition:all .14s ease;margin-bottom:2px}.nav-item:hover{background:var(--surface-2);color:var(--ink);transform:translate(2px)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600;border:1px solid var(--border)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 4px 4px 0;box-shadow:0 0 8px var(--accent)}.nav-item svg{width:15px;height:15px;flex-shrink:0;opacity:.9}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{font-family:var(--font-mono);font-size:10px;background:var(--surface-2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--muted)}.nav-item-badge.live{background:var(--accent);color:#0c0906;font-weight:700;border-color:transparent;box-shadow:0 0 8px #d4af3766}.sb-foot{border-top:1px solid var(--border);padding:10px 12px;flex-shrink:0;display:flex;align-items:center;gap:10px;background:var(--surface-2)}.sb-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#996515);color:#0c0906;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 0 8px #d4af374d}.sb-user{flex:1;min-width:0}.sb-user-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.sb-user-role{font-size:11px;color:var(--accent);opacity:.9}.collapsed .sb-user,.collapsed .sb-foot-actions{display:none}.sb-foot-actions{display:flex;gap:4px}.sb-icon-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;cursor:pointer;color:var(--muted);transition:all .12s}.sb-icon-btn:hover{background:var(--surface);color:var(--accent)}.main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;position:relative}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;padding:0 18px;flex-shrink:0;z-index:30}.topbar-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.topbar-crumbs .crumb-current{color:var(--ink);font-weight:600;display:flex;align-items:center;gap:4px}.topbar-crumbs svg{width:12px;height:12px;opacity:.5}.topbar-spacer{flex:1}.topbar-status{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:20px;font-family:var(--font-mono);font-weight:600}.topbar-status .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.workspace{flex:1;overflow-y:auto;background:var(--bg);padding-bottom:40px}.workspace-footer{margin-top:32px;padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:12px;font-weight:500;font-family:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;transition:all .14s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{width:14px;height:14px}.btn.btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0c0906;font-weight:600;border:1px solid #f5e6b3;box-shadow:0 3px 12px #d4af374d}.btn.btn-primary:hover{background:linear-gradient(135deg,#f5e6b3,#d4af37);box-shadow:0 5px 18px #d4af3780}.btn.btn-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn.btn-accent:hover{background:var(--accent);color:#0c0906}.btn.btn-ghost{border-color:transparent;background:transparent}.btn.btn-ghost:hover{background:var(--surface-2);border-color:transparent}.btn.btn-icon{padding:0;width:32px;justify-content:center}.btn.btn-sm{height:26px;padding:0 9px;font-size:11px}.btn.btn-danger{color:var(--danger);border-color:var(--danger-soft)}.btn.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px;border-radius:4px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);font-weight:500;white-space:nowrap}.chip.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--border-strong)}.chip.chip-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.chip-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.chip.chip-info{background:var(--info-soft);color:var(--info);border-color:transparent}.chip.chip-success{background:var(--success-soft);color:var(--success);border-color:transparent}.chip.chip-mono{font-family:var(--font-mono);font-size:10.5px}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.page-header{padding:18px 24px 14px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);background:var(--surface)}.page-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 3px;color:var(--ink)}.page-sub{font-size:12.5px;color:var(--muted);margin:0}.page-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface);font-size:12.5px}.page-tab{padding:10px 14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;transition:all .14s ease}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-tab .count{font-family:var(--font-mono);font-size:10.5px;margin-left:5px;padding:1px 5px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.page-tab.active .count{background:var(--accent-soft);color:var(--accent)}.toolbar{padding:10px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.toolbar-search{flex:1;max-width:340px;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s}.toolbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 8px var(--accent-soft)}.toolbar-search input{flex:1;border:none;outline:none;font-family:inherit;font-size:12.5px;background:transparent;color:var(--ink)}.card{background:var(--surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-title{font-size:13.5px;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--ink)}.card-sub{font-size:11.5px;color:var(--muted)}.card-body{padding:16px}.kpi{background:var(--surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1)}.kpi:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-gold)}.kpi-label{font-size:11px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:24px;font-weight:700;letter-spacing:-.02em;font-family:var(--font-sans);color:var(--ink)}.kpi-value .currency{color:var(--accent);font-weight:600;font-size:16px;margin-right:2px}.kpi-trend{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.kpi-trend .delta{font-weight:600}.kpi-trend .delta.up{color:var(--success)}.kpi-trend .delta.down{color:var(--danger)}.kpi-spark{position:absolute;right:12px;top:14px;width:64px;height:26px;opacity:.9}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table thead th{text-align:left;font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:1;white-space:nowrap}.table tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--ink-2)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr.selected{background:var(--accent-soft)}.table .num{font-family:var(--font-mono);text-align:right}.table .checkbox-col{width:34px;padding-right:0}.table .actions-col{width:60px;text-align:right}.table-cell-product{display:flex;align-items:center;gap:10px}.table-thumb{width:32px;height:32px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:12px;color:var(--accent);flex-shrink:0}.cbx{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .12s}.cbx.checked{background:var(--accent);border-color:var(--accent)}.cbx.checked:after{content:"";width:8px;height:5px;border:1.8px solid #0c0906;border-top:none;border-right:none;transform:rotate(-45deg) translate(1px,-1px)}.input{width:100%;padding:8px 12px;font-size:12.5px;font-family:inherit;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.gold-spinner{width:36px;height:36px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0906bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:grid;place-items:center;padding:16px}.modal-content{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;animation:modalIn .18s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media print{body *{visibility:hidden}.printable-receipt,.printable-receipt *{visibility:visible}.printable-receipt{position:absolute;left:0;top:0;width:80mm;margin:0;padding:10mm;color:#000!important;background:#fff!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important}.no-print{display:none!important}}@media(max-width:1024px){.app{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sb-brand-name,.sb-tenant,.sb-search-kbd,.nav-item-label,.nav-item-badge,.sb-user{display:none}.sb-clock-toggle{padding-inline:10px}.sb-clock-toggle .btn{padding-inline:0}.sb-clock-status,.sb-clock-error{display:none}}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 12px}.page-header{padding:14px 16px}.toolbar{padding:8px 16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar,.topbar,.card,.kpi{backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{box-shadow:none}.sb-brand{background:var(--surface);padding-inline:18px;justify-content:center}.sb-logo,.sb-avatar{background:var(--accent);color:var(--accent-ink);box-shadow:none;border:0;border-radius:7px}.sb-logo{font-size:10px;letter-spacing:.04em}.brand-logo{display:block;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:7px}.brand-logo-sidebar{width:205px;height:58px;flex:0 0 auto;border:0}.brand-logo-auth{width:180px;height:56px}.brand-logo-entry{width:104px;height:32px}.brand-logo-heading{width:166px;height:52px}.collapsed .brand-logo-sidebar{width:36px;height:36px;object-fit:cover;object-position:76% center}.brand-watermark{position:fixed;z-index:45;top:92px;left:44px;pointer-events:none;width:min(820px,72vw);height:auto;object-fit:contain;opacity:.09;transform:rotate(-4deg);transform-origin:left center;mix-blend-mode:multiply}[data-theme=dark] .brand-watermark{opacity:.05;mix-blend-mode:multiply}.sb-brand-name{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;font-size:14px;font-weight:750}.sb-section-label{color:var(--muted);opacity:1;letter-spacing:.11em;font-size:9px}.nav-item{height:36px;border-radius:7px}.nav-item:hover{transform:none}.nav-item.active{border:none;color:var(--accent);background:var(--accent-soft)}.nav-item.active:before{left:-10px;top:8px;bottom:8px;width:2px;border-radius:2px;box-shadow:none}.nav-item-badge.live{box-shadow:none;color:var(--accent-ink)}.sb-foot{background:var(--surface)}.sb-user-role{color:var(--muted)}.topbar{box-shadow:none}.topbar-status{font-family:var(--font-sans);border-radius:6px;background:var(--surface-2);color:var(--ink-2)}.topbar-status .dot{background:var(--success);box-shadow:none;animation:none}.btn,.card,.kpi{box-shadow:none}.btn:hover,.kpi:hover{transform:none;box-shadow:none}.btn.btn-primary,.btn.btn-primary:hover{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);box-shadow:none}.btn.btn-accent:hover{color:var(--accent-ink)}.card,.kpi{background:var(--surface)}.card:hover{box-shadow:none}.chip{border-radius:5px}.page-header,.page-tabs,.toolbar{background:var(--bg)}.page-title{font-size:22px;font-weight:700;letter-spacing:-.035em}.table thead th{background:var(--surface-2)}.workspace-footer{background:transparent;border-top:1px solid var(--border)}.operations-dashboard{padding:30px 32px 56px;max-width:1540px;margin:0 auto}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dashboard-eyebrow{margin:0 0 8px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em}.dashboard-heading h1{margin:0 0 5px;font-size:clamp(28px,3vw,38px);line-height:1.05;letter-spacing:-.045em;font-weight:750}.dashboard-heading h1 span{color:var(--ink)}.dashboard-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.dashboard-heading-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--border-strong);border-radius:9px;color:var(--accent);font-size:18px;font-weight:800;letter-spacing:-.08em}.dashboard-notice{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:7px;background:var(--surface);color:var(--ink-2);font-size:12px;margin-bottom:18px}.dashboard-notice svg{flex:0 0 auto;color:var(--accent)}.report-demo-notice{margin:16px 24px 0}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.dashboard-metric{display:flex;flex-direction:column;gap:8px;min-height:128px;padding:17px 18px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.dashboard-metric span{color:var(--muted);font-size:11px;font-weight:650}.dashboard-metric strong{color:var(--ink);font-size:clamp(22px,2.1vw,29px);font-weight:750;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.dashboard-metric strong.dashboard-pending-value{font-size:18px;letter-spacing:-.025em;color:var(--muted)}.dashboard-metric small{margin-top:auto;color:var(--muted);font-size:10.5px;line-height:1.35}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px;margin-bottom:14px}.dashboard-panel{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:9px}.dashboard-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;border-bottom:1px solid var(--border)}.dashboard-panel-heading p{margin:0 0 5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.11em}.dashboard-panel-heading h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.025em}.dashboard-panel-heading>span{color:var(--accent);background:var(--accent-soft);padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap}.dashboard-table-scroll{overflow-x:auto}.dashboard-panel .table thead th{background:var(--surface);font-size:10px}.dashboard-panel .table tbody td{height:48px}.dashboard-order-id{font-family:var(--font-mono);font-size:11px;font-weight:650;color:var(--ink)!important}.staff-workspace{max-width:1360px;margin:0 auto;padding:30px 32px 56px}.staff-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.staff-eyebrow{display:block;margin-bottom:6px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.14em}.staff-heading h2{margin:0;color:var(--ink);font-size:28px;line-height:1.08;letter-spacing:-.04em}.staff-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.staff-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;overflow:hidden;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.staff-summary>div{min-height:76px;padding:14px 17px;border-right:1px solid var(--border)}.staff-summary>div:last-child{border-right:0}.staff-summary strong{display:block;color:var(--ink);font:600 21px/1.1 var(--font-mono)}.staff-summary span{display:block;margin-top:7px;color:var(--muted);font-size:10px}.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.staff-view-tabs{display:flex;align-items:center;gap:22px}.staff-view-tabs button{-webkit-appearance:none;appearance:none;padding:9px 0;border:0;border-bottom:1px solid transparent;color:var(--muted);background:transparent;font:500 12px/1 var(--font-sans);cursor:pointer}.staff-view-tabs button:hover{color:var(--ink)}.staff-view-tabs button.active{border-color:var(--ink);color:var(--ink)}.staff-search{display:flex;align-items:center;width:min(260px,32vw);height:36px;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--muted)}.staff-search:focus-within{border-color:var(--border-strong);color:var(--ink)}.staff-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:400 11px var(--font-sans)}.staff-table-wrap{overflow:hidden;border:1px solid var(--border);border-radius:3px;background:var(--surface)}.staff-table{width:100%;border-collapse:collapse;table-layout:fixed}.staff-table th{height:38px;padding:0 14px;color:var(--muted);background:var(--surface-2);font-size:9px;font-weight:700;letter-spacing:.09em;text-align:left;text-transform:uppercase}.staff-table th:nth-child(1){width:28%}.staff-table th:nth-child(2){width:17%}.staff-table th:nth-child(3){width:13%}.staff-table th:nth-child(4){width:15%}.staff-table th:nth-child(5){width:21%}.staff-table th:nth-child(6){width:6%}.staff-table td{height:66px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--ink-2);font-size:11.5px;vertical-align:middle}.staff-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 32%,transparent)}.staff-person{display:flex;align-items:center;gap:11px;min-width:0}.staff-person>span:last-child{display:flex;min-width:0;flex-direction:column}.staff-person strong{color:var(--ink);font-size:12px;font-weight:600}.staff-person small{overflow:hidden;color:var(--muted);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.staff-initial{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:2px;background:var(--accent);color:var(--accent-ink);font-weight:700}.staff-time{font-family:var(--font-mono);font-size:10.5px!important;font-variant-numeric:tabular-nums}.attendance{font-size:10.5px;font-weight:600}.attendance.present{color:var(--success)}.attendance.pending{color:var(--warn)}.row-menu{width:30px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer;letter-spacing:.08em}.row-menu:hover{color:var(--ink);background:var(--surface-2)}.staff-table-footer{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 14px;color:var(--muted);background:var(--surface-2);font-size:10px}.staff-table-footer button{border:0;background:transparent;color:var(--accent);font:600 10px var(--font-sans);cursor:pointer}.staff-table-footer button span{margin-left:4px}.staff-empty{min-height:220px;display:grid;align-content:center;justify-items:start;padding:32px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:3px;background:var(--surface)}.staff-empty span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.12em}.staff-empty strong{margin-top:8px;color:var(--ink);font-size:17px}.staff-empty p{max-width:560px;margin:7px 0 0;color:var(--muted);font-size:11px}.staff-modal{width:min(480px,calc(100vw - 32px));padding:22px;border-radius:4px}.staff-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.staff-modal-head span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.13em}.staff-modal-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.035em}.staff-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-form label{display:grid;gap:6px;color:var(--muted);font-size:10.5px;font-weight:600}.staff-form-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px;margin-top:6px;padding-top:15px;border-top:1px solid var(--border)}@media(max-width:980px){.staff-workspace{padding:24px 18px 44px}.staff-summary{grid-template-columns:repeat(2,1fr)}.staff-summary>div:nth-child(2){border-right:0}.staff-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.staff-toolbar{align-items:stretch;flex-direction:column}.staff-search{width:100%}.staff-table-wrap{overflow-x:auto}.staff-table{min-width:860px}}@media(max-width:620px){.staff-view-tabs{overflow-x:auto;gap:18px}.staff-view-tabs button{white-space:nowrap}.staff-form{grid-template-columns:1fr}}.dashboard-status{display:inline-block;padding:4px 8px;border-radius:5px;background:var(--surface-2);color:var(--ink-2);font-size:10px;font-weight:650;white-space:nowrap}.dashboard-status-ready{background:var(--success-soft);color:var(--success)}.dashboard-status-preparing{background:var(--warn-soft);color:var(--warn)}.dashboard-stock-list{padding:2px 18px}.dashboard-stock-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.dashboard-stock-item:last-child{border-bottom:0}.dashboard-stock-item strong,.dashboard-stock-item small{display:block}.dashboard-stock-item strong{font-size:12px;font-weight:650}.dashboard-stock-item small{margin-top:2px;color:var(--muted);font-size:10px}.dashboard-stock-item>span{color:var(--warn);font-size:10px;font-weight:700;white-space:nowrap}.dashboard-stock-item>span.empty{color:var(--danger)}.dashboard-empty{padding:22px!important;color:var(--muted);text-align:center}.reports-preview-content{padding:18px;color:var(--ink-2);font-size:12px;line-height:1.7}.reports-preview-content p{margin:0 0 12px}.reports-preview-content p:last-child{margin-bottom:0}.pos-demo-notice{padding:8px 20px;background:var(--warn-soft);color:var(--warn);font-size:11px;border-bottom:1px solid var(--border)}@media(max-width:1180px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:768px){.operations-dashboard{padding:20px 16px 40px}.dashboard-heading-mark,.brand-logo-heading{display:none}.dashboard-metrics{gap:8px}.dashboard-metric{min-height:118px;padding:14px}.brand-watermark{display:none}}@media(max-width:1024px){.brand-logo-sidebar{width:36px;height:36px;object-fit:cover;object-position:76% center}.sb-section-label,.sb-search-input span{display:none}.sb-nav{padding-top:14px}.sb-section{padding-block:6px;border-bottom:1px solid var(--border)}.sb-brand{justify-content:center;padding-inline:0}.sb-search{padding-inline:8px}.topbar-status{display:none}.topbar-crumbs{min-width:0;font-size:12px}.topbar-crumbs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr!important}.auth-layout>div:first-child{display:none!important}}:root,[data-theme=light],.theme-light{--bg: #f6f2ec;--surface: #fffdf9;--surface-2: #eee8e0;--surface-hover: #e9e1d8;--surface-glass: rgba(255, 253, 249, .9);--ink: #27211d;--ink-2: #504741;--muted: #776c64;--muted-2: #a39890;--border: rgba(54, 43, 36, .13);--border-strong: rgba(54, 43, 36, .24);--accent: #b84833;--accent-hover: #9e3826;--accent-soft: rgba(184, 72, 51, .1);--accent-ink: #fffaf6;--warn: #9b672e;--warn-soft: #f4e8d7;--danger: #b44238;--danger-soft: #f8e6e2;--info: #3f6f7d;--info-soft: #e4eff1;--success: #3d7552;--success-soft: #e4efe7;--radius: 12px;--radius-sm: 9px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(55, 40, 30, .04), 0 1px 8px rgba(55, 40, 30, .025);--shadow-md: 0 8px 24px rgba(55, 40, 30, .075);--shadow-lg: 0 24px 70px rgba(55, 40, 30, .18);--sidebar-w: 256px;--topbar-h: 68px}[data-theme=dark],.theme-dark{--bg: #141210;--surface: #1d1a17;--surface-2: #27231f;--surface-hover: #302b26;--surface-glass: rgba(29, 26, 23, .9);--ink: #f4efe9;--ink-2: #d7cec5;--muted: #a0978e;--muted-2: #736c66;--border: rgba(246, 237, 226, .1);--border-strong: rgba(246, 237, 226, .2);--accent: #df765e;--accent-hover: #ec8b73;--accent-soft: rgba(223, 118, 94, .13);--accent-ink: #24100c;--warn: #d4a164;--warn-soft: rgba(212, 161, 100, .13);--danger: #e17a70;--danger-soft: rgba(225, 122, 112, .13);--info: #7da7b5;--info-soft: rgba(125, 167, 181, .13);--success: #79aa88;--success-soft: rgba(121, 170, 136, .13);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .18);--shadow-md: 0 10px 28px rgba(0, 0, 0, .22);--shadow-lg: 0 28px 76px rgba(0, 0, 0, .45)}body{letter-spacing:-.006em}.sidebar{background:color-mix(in srgb,var(--surface) 96%,var(--bg));border-color:var(--border)}.sb-brand{height:var(--topbar-h);border-bottom-color:transparent}.sb-search{padding:8px 12px 5px}.sb-search-input{height:38px;padding-inline:12px;border-color:transparent;border-radius:10px;background:var(--surface-2)}.sb-search-input:hover{border-color:var(--border)}.sb-nav{padding:5px 12px 18px}.sb-section{padding:9px 0 2px}.sb-section-label{padding:5px 10px 7px;font-weight:700}.nav-item{height:40px;margin-bottom:3px;padding-inline:11px;border-radius:10px;font-size:12.5px;font-weight:520}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:650}.nav-item-badge{border:0;border-radius:7px;padding:2px 6px}.sb-foot{padding:12px 14px;background:transparent}.sb-avatar{width:34px;height:34px;border-radius:10px}.sb-clock-toggle{padding:0 14px 10px;flex-shrink:0}.sb-clock-toggle .btn{width:100%;justify-content:center;gap:6px}.sb-clock-status,.sb-clock-error{font-size:10.5px;margin-top:6px;line-height:1.4}.sb-clock-status{color:var(--muted)}.sb-clock-error{color:var(--danger)}.topbar{padding-inline:24px;background:var(--surface-glass);border-color:var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav-backdrop{display:none}.topbar-crumbs{gap:10px;font-size:12.5px}.topbar-crumbs .crumb-current{font-weight:650}.btn{height:38px;padding-inline:14px;gap:8px;border-radius:10px;font-size:12px;font-weight:620;letter-spacing:-.005em;box-shadow:var(--shadow-sm);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.btn:hover{background:var(--surface-hover);box-shadow:0 4px 14px #37281e12}.btn:active{transform:translateY(1px);box-shadow:none}.btn:focus-visible,.nav-item:focus-visible,.page-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 68%,transparent);outline-offset:2px}.btn.btn-primary,.btn.btn-primary:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.btn.btn-primary{box-shadow:0 1px 2px #531d132e,0 6px 16px #b8483324}.btn.btn-primary:hover{background:var(--accent-hover);box-shadow:0 1px 2px #531d1333,0 8px 20px #b8483333}.btn.btn-ghost{box-shadow:none}.btn.btn-icon{width:38px}.btn.btn-sm{height:32px;padding-inline:11px}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.chip{min-height:24px;padding:3px 8px;border:0;border-radius:7px;font-weight:620}.page-header{min-height:92px;padding:23px 28px 17px;align-items:center;background:var(--bg);border-bottom-color:transparent}.page-title{font-size:24px;font-weight:720;letter-spacing:-.04em}.page-sub{margin-top:5px;max-width:720px;line-height:1.55}.page-tabs{gap:5px;padding:0 28px 12px;border:0;background:var(--bg)}.page-tab{margin:0;padding:8px 12px;border:0;border-radius:9px}.page-tab:hover{background:color-mix(in srgb,var(--surface) 62%,transparent)}.page-tab.active{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.page-tab .count{border-radius:6px}.toolbar{margin:0 28px 14px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.toolbar-search{height:38px;border:0;border-radius:9px;background:var(--surface-2)}.toolbar-search:focus-within{box-shadow:0 0 0 2px var(--accent-soft)}.input{min-height:40px;padding:9px 12px;border-radius:9px;background:color-mix(in srgb,var(--surface) 92%,var(--bg))}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card,.kpi,.dashboard-panel,.dashboard-metric{border-color:var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.card{overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:0 6px 20px #37281e0e}.card-head{padding:16px 18px}.card-body{padding:18px}.operations-dashboard{padding:34px 36px 60px}.dashboard-heading{margin-bottom:24px}.dashboard-heading h1{max-width:720px;font-size:clamp(30px,3vw,42px);font-weight:730;line-height:1.03}.dashboard-eyebrow{color:var(--muted)}.dashboard-notice{padding:12px 15px;border:0;border-radius:11px;background:var(--accent-soft);color:var(--ink-2)}.dashboard-metrics{gap:14px;margin-bottom:20px}.dashboard-metric{min-height:142px;padding:19px 20px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dashboard-metric:before{content:"";position:absolute;left:20px;top:0;width:36px;height:3px;border-radius:0 0 4px 4px;background:var(--accent)}.dashboard-metric:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-metric span{font-size:11px;letter-spacing:.015em}.dashboard-metric strong{margin-top:5px;font-size:clamp(24px,2.2vw,31px)}.dashboard-metric small{font-size:11px}.dashboard-columns{gap:16px;margin-bottom:16px}.dashboard-panel{overflow:hidden}.dashboard-panel-heading{padding:18px 20px}.dashboard-panel-heading h2{font-size:16px;font-weight:680}.dashboard-panel-heading>span{border-radius:7px;padding:5px 8px}.dashboard-panel .table tbody td{height:52px}.table thead th{padding-block:12px;background:color-mix(in srgb,var(--surface-2) 66%,var(--surface));border-bottom-color:var(--border)}.table tbody td{padding-block:12px}.table tbody tr{transition:background-color .12s ease}.table tbody tr:last-child td{border-bottom:0}.modal-overlay{background:#100d0ba8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{border-color:var(--border);border-radius:18px;box-shadow:var(--shadow-lg)}.staff-summary,.staff-table-wrap,.staff-empty,.staff-modal{border-radius:14px}.staff-summary{box-shadow:var(--shadow-sm)}.staff-summary>div{min-height:88px;padding:17px 18px}.staff-search{height:40px;border-radius:9px}.staff-view-tabs button{padding:10px 5px;border-bottom-width:2px}.staff-table-footer{min-height:48px}.row-menu{border-radius:8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;background-clip:padding-box}@media(max-width:1024px){.topbar{padding-inline:16px}.operations-dashboard{padding:28px 24px 48px}.page-header,.page-tabs{padding-inline:22px}.toolbar{margin-inline:22px}}@media(max-width:768px){:root,[data-theme=light],.theme-light{--topbar-h: 60px}.app,.app.collapsed{grid-template-columns:1fr}.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);transform:translate(0);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-lg);z-index:90}.app.collapsed .sidebar{transform:translate(-105%)}.app:not(.collapsed) .sidebar .brand-logo-sidebar{display:block;width:220px;height:58px;object-fit:contain;object-position:center}.app:not(.collapsed) .sidebar .sb-section-label,.app:not(.collapsed) .sidebar .nav-item-label,.app:not(.collapsed) .sidebar .nav-item-badge,.app:not(.collapsed) .sidebar .sb-user,.app:not(.collapsed) .sidebar .sb-search-input span{display:block}.app:not(.collapsed) .sidebar .nav-item-badge{margin-left:auto}.app:not(.collapsed) .sidebar .sb-brand{padding-inline:18px}.app:not(.collapsed) .sidebar .sb-search{padding-inline:12px}.app:not(.collapsed) .sidebar .sb-search-input{justify-content:flex-start;padding-inline:12px}.app:not(.collapsed) .sidebar .sb-search-kbd{display:inline-flex;margin-left:auto}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:0;border:0;background:#0f0c0a75;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:1;cursor:default;transition:opacity .18s ease}.app.collapsed .mobile-nav-backdrop{opacity:0;pointer-events:none}.topbar{gap:5px;padding-inline:8px}.topbar-crumbs{flex:1;min-width:0}.topbar-crumbs>span:not(.crumb-current),.topbar-crumbs>svg{display:none}.topbar-crumbs .crumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-spacer{display:none}.topbar .btn{flex:0 0 auto}.topbar .btn.btn-primary{padding-inline:11px}.topbar .kbd{display:none}.page-header{min-height:auto;padding:18px 16px 13px;flex-wrap:wrap}.page-header>.btn,.page-header>div:last-child{width:100%}.page-header>.btn{justify-content:center}.page-title{font-size:21px}.page-tabs{padding:0 16px 10px;overflow-x:auto}.page-tab{white-space:nowrap}.toolbar{margin:0 16px 12px;align-items:stretch}.toolbar-search{min-width:100%;max-width:none}.operations-dashboard{padding:22px 16px 40px}.dashboard-heading h1{font-size:31px}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metric{min-height:126px;padding:17px}.dashboard-metric:before{left:17px}}@media(max-width:520px){.topbar .btn.btn-primary{font-size:0;width:42px;padding:0;justify-content:center}.topbar .btn.btn-primary svg{width:16px;height:16px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric{min-height:116px}.page-header>div:last-child{flex-direction:column}.page-header>div:last-child .btn{width:100%;justify-content:center}}.dashboard-eyebrow{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.dashboard-heading h1,.page-title,.dashboard-panel-heading h2{font-family:var(--font-display);font-weight:600}.dashboard-heading h1{font-style:normal;letter-spacing:-.01em}.dashboard-heading h1 span{color:var(--accent);font-style:italic}.dashboard-metrics{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;margin-bottom:20px}.dashboard-metric{border:0;border-radius:0;background:transparent;min-height:unset;padding:22px 20px}.dashboard-metric:before{display:none}.dashboard-metric:hover{transform:none;box-shadow:none;border-color:transparent}.dashboard-metric+.dashboard-metric{border-left:1px solid var(--border)}.dashboard-metric span{text-transform:none;letter-spacing:0;font-weight:500}.dashboard-metric strong{font-family:var(--font-mono);font-weight:600}.dashboard-metric:first-child{background:var(--ink)}.dashboard-metric:first-child span{color:var(--muted-2)}.dashboard-metric:first-child strong{color:var(--surface);font-family:var(--font-display);font-style:normal;font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.01em}.dashboard-metric:first-child small{color:var(--muted-2)}.dashboard-panel-heading p{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;color:var(--accent)}.sb-section-label{text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;opacity:.8}.sb-logo{border-radius:var(--radius-sm)}@media(max-width:900px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metric:nth-child(2){border-left:0}.dashboard-metric:nth-child(n+3){border-top:1px solid var(--border)}}@media(max-width:520px){.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric{border-left:0!important;border-top:1px solid var(--border)}.dashboard-metric:first-child{border-top:0}}.auth-stage{min-height:100vh;display:grid;place-items:center;padding:40px 16px;background:var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 32px 24px;box-shadow:var(--shadow-md)}.auth-logo{display:block;height:56px;width:auto;margin:0 0 28px}.auth-panel-title{font-family:var(--font-sans);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px}.auth-panel-sub{font-size:14px;color:var(--muted);margin:0 0 24px}.auth-field{display:block;margin-bottom:16px}.auth-field>span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.auth-input{width:100%;height:var(--tap);padding:0 14px;font:15px var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-password{position:relative}.auth-password .auth-input{padding-right:48px}.auth-password .btn{position:absolute;right:4px;top:4px}.auth-error{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.btn.auth-submit{width:100%;height:48px;margin-top:20px;justify-content:center;font-size:15px}.auth-help-toggle{display:block;margin:18px auto 0;padding:6px 8px;border:0;background:none;color:var(--accent);font:600 13px var(--font-sans);cursor:pointer;border-radius:8px}.auth-help-toggle:hover{background:var(--accent-soft)}.auth-help{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:13px;line-height:1.5}@media(max-width:480px){.auth-card{padding:24px 20px 20px;border-radius:16px}}.rail-btn{width:48px;height:48px;border-radius:14px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;position:relative;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),transform .26s var(--ease-spring)}.rail-btn:hover{background:var(--surface-hover);color:var(--ink)}.rail-btn:active{transform:scale(.9);transition-duration:80ms}.rail-btn.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 14px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.pos-cats{scrollbar-width:none}.pos-cats::-webkit-scrollbar{display:none}.pos-cat{flex-shrink:0;height:40px;padding:0 18px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-2);font:600 13.5px/1 var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .2s var(--ease-out),transform .26s var(--ease-spring)}.pos-cat:hover{background:var(--surface-hover);color:var(--ink)}.pos-cat:active{transform:scale(.94);transition-duration:80ms}.pos-cat.is-active{background:var(--ink);color:var(--surface);box-shadow:0 6px 14px -6px #2a1a1080}.prod-card{border-radius:16px!important;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .28s var(--ease-spring),border-color .18s var(--ease-out),box-shadow .22s var(--ease-out)!important}.prod-card:hover{border-color:var(--border-strong)!important;box-shadow:0 10px 24px -12px #37281e47!important;transform:translateY(-2px)}.prod-card:active{transform:scale(.97);transition-duration:90ms!important;box-shadow:none!important}.prod-card[aria-disabled=true]:hover,.prod-card[aria-disabled=true]:active{transform:none;box-shadow:none!important}.prod-thumb{border-radius:12px;transition:background-color .18s var(--ease-out)}.prod-card:hover .prod-thumb{background:var(--accent-soft)!important}.prod-price{font:700 15px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.01em}.prod-stock{font:500 11.5px var(--font-sans);color:var(--muted);font-variant-numeric:tabular-nums}.cart-line{animation:cart-line-in .32s var(--ease-spring) both}@keyframes cart-line-in{0%{opacity:0;transform:translate(14px) scale(.98)}to{opacity:1;transform:none}}.qty-step{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--surface-2)}.qty-step button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);font:600 16px/1 var(--font-sans);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--ease-out),transform .24s var(--ease-spring)}.qty-step button:hover{background:var(--accent-soft);color:var(--accent)}.qty-step button:active{transform:scale(.86);transition-duration:70ms}.qty-step output{min-width:26px;text-align:center;font:700 14px var(--font-sans);font-variant-numeric:tabular-nums}.btn.cart-customer{flex:1;height:40px;justify-content:flex-start;border:1px dashed var(--border-strong);background:var(--surface);color:var(--ink-2)}.btn.cart-customer.is-linked{border-style:solid;border-color:transparent;background:var(--accent-soft);color:var(--accent)}.cart-table{width:96px;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font:600 13px var(--font-sans);text-align:center;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.cart-table:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cart-actions .btn{height:52px;flex-direction:column;justify-content:center;gap:3px;font-size:11.5px;padding:0 6px}.cart-actions .btn svg{width:17px;height:17px}.btn.pay-btn{width:100%;height:58px;padding-inline:20px;border-radius:16px;justify-content:space-between;font-size:16px;font-weight:700}.pay-btn .pay-amount{font-variant-numeric:tabular-nums;font-size:17px}.cart-money{font-family:var(--font-sans);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.btn,.rail-btn,.pos-cat,.prod-card,.qty-step button{transition-duration:1ms!important}.btn:active,.rail-btn:active,.pos-cat:active,.prod-card:active,.qty-step button:active{transform:none!important}.cart-line{animation:none}}button.nav-item{width:100%;border:0;background:transparent;font-family:inherit;text-align:left}button.nav-item.active{background:var(--accent-soft)}button.nav-item:hover:not(.active){background:var(--surface-hover)}button.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-item-badge.kbd{background:transparent;border:1px solid var(--border-strong);color:var(--muted);font-family:var(--font-sans)}button.sb-icon-btn{border:0;background:transparent;font:inherit}.btn.sb-clock-btn{width:100%;justify-content:center;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);box-shadow:none}.btn.sb-clock-btn:hover{background:var(--surface-hover)}.topbar-kbd{padding:1px 6px;border-radius:5px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:inherit;font:600 11px var(--font-sans)}.roles-panel{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.roles-list{display:flex;flex-direction:column;gap:4px}.roles-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:var(--tap);padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.roles-item:hover{background:var(--surface-hover)}.roles-item.is-active{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.roles-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roles-item-name{font-size:14px;font-weight:650}.roles-item-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.roles-tag{padding:1px 7px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:11.5px;font-weight:600}.roles-new{flex-direction:row;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:14px;border:1px dashed var(--border-strong);margin-top:6px}.roles-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:18px}.roles-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.roles-fields label>span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.roles-fields .input{height:42px;font-size:14px}.roles-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.roles-group{margin:0;padding:12px;border:1px solid var(--border);border-radius:14px;min-width:0}.roles-group legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--ink)}.roles-group[disabled]{opacity:.75}.roles-perm{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 8px;border-radius:10px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.roles-perm:hover{background:var(--surface-hover)}.roles-group[disabled] .roles-perm{cursor:default}.roles-group[disabled] .roles-perm:hover{background:none}.roles-perm input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.roles-perm.is-on{color:var(--ink);font-weight:550}.roles-note{padding:10px 14px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:13px}.roles-error{padding:10px 14px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:13px}.roles-saved{padding:10px 14px;border-radius:12px;background:var(--success-soft);color:var(--success);font-size:13px}.roles-actions{display:flex;justify-content:flex-end;gap:10px}.roles-actions .btn-danger{margin-right:auto}.staff-active-toggle{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;grid-column:1 / -1;cursor:pointer}.staff-active-toggle input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.staff-active-toggle small{display:block;font-weight:400;color:var(--muted);margin-top:2px}@media(max-width:900px){.roles-panel{grid-template-columns:1fr}.roles-list{flex-direction:row;overflow-x:auto}.roles-item{min-width:170px}.roles-fields{grid-template-columns:1fr}}:root{--font-mono: var(--font-sans)}body{font-variant-numeric:tabular-nums}.sb-section-label,.kpi-label,.table thead th,.staff-table th,.staff-empty>span{text-transform:none;letter-spacing:0}.table thead th,.staff-table th{font-size:12.5px;font-weight:600;color:var(--muted)}.sb-section-label{font-size:12px;font-weight:600;color:var(--muted)}.dashboard-heading h1{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.dashboard-heading p{margin:0;color:var(--muted);font-size:14px}.dashboard-metric:first-child{background:transparent}.dashboard-metric:first-child span,.dashboard-metric:first-child small{color:var(--muted)}.dashboard-metric:first-child strong{color:var(--ink);font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.02em}.dashboard-metric span{font-size:13px;color:var(--muted)}.dashboard-metric strong{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.02em}.dashboard-panel-heading h2{font-family:var(--font-sans);font-size:16px;font-weight:700;margin:0}.dashboard-panel-heading{align-items:center}.page-title{font-family:var(--font-sans);letter-spacing:-.02em}.staff-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.staff-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 72px;align-items:center;gap:14px;padding:12px 16px}.staff-row+.staff-row{border-top:1px solid var(--border)}.staff-row .staff-initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-weight:700;font-size:15px}.staff-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.staff-row-main strong{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:650;color:var(--ink)}.staff-row-main small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-row-role{font-size:13.5px;color:var(--ink-2)}.staff-row-action{justify-self:end}.staff-row.is-inactive .staff-initial,.staff-row.is-inactive .staff-row-main small,.staff-row.is-inactive .staff-row-role{opacity:.55}.staff-tag{padding:1px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600}.staff-toolbar{margin-bottom:16px}.staff-modal-head h2{font-family:var(--font-sans);font-size:20px;letter-spacing:-.02em}.staff-form label{font-size:13px;color:var(--ink-2)}.staff-form label small{font-weight:400;color:var(--muted);font-size:12.5px;line-height:1.4}.staff-form .input{height:42px;font-size:14px}.staff-form-wide{grid-column:1 / -1}.staff-form-note{grid-column:1 / -1;margin:0;font-size:13px;color:var(--muted)}.staff-form-error{grid-column:1 / -1;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.staff-form-more{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:12px}.staff-form-more summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--accent);min-height:32px;display:flex;align-items:center}.staff-form-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}@media(max-width:640px){.staff-row{grid-template-columns:40px minmax(0,1fr) auto}.staff-row-role{grid-column:2;grid-row:2;font-size:12.5px}.staff-row-action{grid-row:1 / 3;grid-column:3}.staff-form,.staff-form-more-grid{grid-template-columns:1fr}}.row-menu-root{position:relative;display:inline-flex}.row-menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:240px;padding:6px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:row-menu-in .16s var(--ease-out)}@keyframes row-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.row-menu-pop button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:500 14px var(--font-sans);text-align:left;cursor:pointer}.row-menu-pop button:hover,.row-menu-pop button:focus-visible{background:var(--surface-hover);outline:none}.row-menu-pop button svg{color:var(--muted);flex-shrink:0}.row-menu-pop button.is-danger,.row-menu-pop button.is-danger svg{color:var(--danger)}.row-menu-pop button.is-current{font-weight:650}.row-menu-hint{margin-left:auto;font-size:12.5px;color:var(--muted)}.row-menu-sep{height:1px;margin:4px 6px;background:var(--border)}.row-menu-back{font-weight:650!important;color:var(--ink-2)!important;border-bottom:1px solid var(--border)!important;border-radius:10px 10px 0 0!important;margin-bottom:4px}.row-menu-check{width:16px;display:inline-flex;color:var(--accent)}.row-menu-check svg{color:var(--accent)!important}.staff-row-action{display:flex;justify-content:flex-end}.staff-row{grid-template-columns:40px minmax(0,1fr) auto 44px}.staff-toolbar{display:flex;align-items:center;gap:12px}.staff-roles-link{margin-left:auto;color:var(--accent)}.roles-modal{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;padding:22px;border-radius:18px}.roles-modal .roles-editor{border:0;padding:0;background:transparent}@media(prefers-reduced-motion:reduce){.row-menu-pop{animation:none}}.staff-list{overflow:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.report-page{padding:28px 32px 56px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.report-head h1{margin:0 0 4px;font:700 28px/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.report-head p{margin:0;max-width:70ch;color:var(--muted);font-size:14px;line-height:1.5}.report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.report-presets{display:flex;gap:6px;flex-wrap:wrap;margin-right:auto}.report-date{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.report-date .input{height:40px;min-width:150px;font-size:14px}.report-error{padding:12px 14px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:13.5px}.report-body{display:flex;flex-direction:column;gap:18px;transition:opacity .16s var(--ease-out)}.report-body.is-loading{opacity:.55}.report-empty{padding:36px 20px;text-align:center;color:var(--muted);font-size:14px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.report-note{margin:8px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.report-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.report-stats>div{display:flex;flex-direction:column;gap:6px;padding:18px 20px}.report-stats>div+div{border-left:1px solid var(--border)}.report-stats span{font-size:13px;color:var(--muted)}.report-stats strong{font:700 24px/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.report-stats small{font-size:12.5px;color:var(--muted)}.report-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;min-width:0}.report-panel h2{margin:0 0 12px;font:700 16px var(--font-sans);color:var(--ink)}.report-panel .report-subhead{margin-top:22px}.report-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.report-panel-head h2{margin:0}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-scroll{overflow-x:auto}.report-table{width:100%;font-size:13.5px}.report-table th,.report-table td{padding:10px 8px;white-space:nowrap}.report-table .num{text-align:right}.report-table tfoot td{border-top:1px solid var(--border-strong)}.sales-chart{position:relative}.sales-chart svg{display:block;overflow:visible}.sales-chart-grid{stroke:var(--border);stroke-width:1}.sales-chart-axis{fill:var(--muted);font:11.5px var(--font-sans)}.sales-chart-peak{fill:var(--ink-2);font:600 12px var(--font-sans)}.sales-chart-bar{fill:var(--accent);transition:opacity .12s var(--ease-out)}.sales-chart svg:hover .sales-chart-bar:not(.is-hover){opacity:.45}.sales-chart-tip{position:absolute;top:0;width:170px;pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);font-size:12.5px;color:var(--muted)}.sales-chart-tip strong{color:var(--ink);font-size:12.5px}.sales-chart-tip span{color:var(--ink);font:700 15px var(--font-sans)}.pl-result{display:flex;flex-direction:column;gap:4px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--success-soft);color:var(--success)}.pl-result.is-loss{background:var(--danger-soft);color:var(--danger)}.pl-result span{font-size:14px;font-weight:600}.pl-result strong{font:700 34px/1.1 var(--font-sans);letter-spacing:-.02em}.pl-result small{font-size:13px;color:var(--ink-2)}.pl-statement{max-width:760px}.pl-statement h2{margin:18px 0 6px;font-size:13.5px;color:var(--muted);font-weight:600}.pl-statement h2:first-child{margin-top:0}.pl-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;font-size:14.5px;color:var(--ink)}.pl-line>span:first-child{display:flex;flex-direction:column;gap:2px}.pl-line small{font-size:12.5px;color:var(--muted);max-width:52ch;line-height:1.4}.pl-line.is-sub{padding-left:16px;color:var(--ink-2);font-size:14px}.pl-line.is-strong{font-weight:700;border-top:1px solid var(--border)}.pl-amount{white-space:nowrap;font-variant-numeric:tabular-nums}.pl-final{margin-top:10px;border-top:2px solid var(--ink)}.pl-final .pl-line{font-size:17px;border-top:0}.pl-empty{padding:8px 16px;font-size:13.5px;color:var(--muted)}.pl-link{border:0;background:none;padding:0;color:var(--accent);font:600 13.5px var(--font-sans);cursor:pointer;text-decoration:underline}.expense-form{display:grid;grid-template-columns:160px 200px 160px minmax(0,1fr) auto;gap:12px;align-items:end}.expense-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.expense-form .input{height:42px;font-size:14px}.cash-diff{font-weight:650}.cash-diff.is-ok{color:var(--success)}.cash-diff.is-short{color:var(--danger)}.cash-diff.is-over{color:var(--warn)}.report-table tr.is-expandable{cursor:pointer}.cash-detail td{background:var(--surface-2);color:var(--ink-2);font-size:13px;line-height:1.7;white-space:normal}@media(max-width:1000px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats>div:nth-child(3){border-left:0}.report-stats>div:nth-child(n+3){border-top:1px solid var(--border)}.report-grid{grid-template-columns:1fr}.expense-form{grid-template-columns:1fr 1fr}.expense-note{grid-column:1 / -1}}@media(max-width:640px){.report-page{padding:20px 16px 40px}.report-stats,.report-stats-3{grid-template-columns:1fr}.report-stats>div+div{border-left:0;border-top:1px solid var(--border)}.expense-form{grid-template-columns:1fr}}:root,[data-theme=light],.theme-light{--bg: #f6f6f4;--surface: #ffffff;--surface-2: #f2f1ee;--surface-hover: #ebe9e5;--surface-glass: rgba(255, 255, 255, .92);--ink: #1c1917;--ink-2: #44403c;--muted: #6f6a64;--muted-2: #9a948d;--border: #e4e2dd;--border-strong: #d2cfc8;--accent: #b4412b;--accent-hover: #9c3624;--accent-press: #862e1f;--accent-soft: #f8ebe7;--accent-ink: #ffffff;--success: #2f7a4d;--success-soft: #e8f3ec;--warn: #9a6516;--warn-soft: #faf0de;--danger: #b42318;--danger-soft: #fdecea;--info: #2f6173;--info-soft: #e6f0f3;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .05);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .16);--focus-ring: 0 0 0 3px rgba(180, 65, 43, .28);--control-h: 40px;--control-h-sm: 32px;--touch-h: 48px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.2, .8, .2, 1);--tap: var(--control-h);--tap-sm: var(--control-h-sm)}[data-theme=dark],.theme-dark{--bg: #111110;--surface: #1a1918;--surface-2: #222120;--surface-hover: #2a2927;--surface-glass: rgba(26, 25, 24, .92);--ink: #f2f0ed;--ink-2: #d4d0ca;--muted: #a39e97;--muted-2: #7d7872;--border: #2e2c2a;--border-strong: #3d3a37;--accent: #e0735a;--accent-hover: #ea8770;--accent-press: #f09a85;--accent-soft: rgba(224, 115, 90, .14);--accent-ink: #1c0f0b;--success: #6fbf8f;--success-soft: rgba(111, 191, 143, .12);--warn: #e0b060;--warn-soft: rgba(224, 176, 96, .12);--danger: #f08a7e;--danger-soft: rgba(240, 138, 126, .12);--info: #86b6c6;--info-soft: rgba(134, 182, 198, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(224, 115, 90, .35)}body{background:var(--bg);color:var(--ink);font-size:14px}.brand-watermark{display:none}.btn{height:var(--control-h);padding:0 14px;gap:8px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:500 14px/1 var(--font-sans);letter-spacing:0;box-shadow:var(--shadow-xs);transform:none;transition:background-color .12s var(--ease-out),border-color .12s var(--ease-out),color .12s var(--ease-out),box-shadow .12s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:hover{background:var(--surface-2);border-color:var(--border-strong);transform:none;box-shadow:var(--shadow-xs)}.btn:active:not(:disabled){background:var(--surface-hover);transform:none;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn.btn-primary,.btn.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-xs)}.btn.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.btn-primary:active:not(:disabled){background:var(--accent-press);border-color:var(--accent-press);box-shadow:none}.btn.btn-primary:focus-visible{box-shadow:var(--focus-ring)}.btn.btn-accent,.btn.btn-accent:hover{background:var(--accent-soft);border-color:transparent;color:var(--accent);box-shadow:none}.btn.btn-ghost,.btn.btn-ghost:hover{border-color:transparent;box-shadow:none}.btn.btn-ghost{background:transparent;color:var(--ink-2)}.btn.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.btn-ghost:active:not(:disabled){background:var(--surface-hover)}.btn.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}.btn.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger-soft);color:var(--danger)}.btn.btn-sm{height:var(--control-h-sm);padding:0 10px;font-size:13px;border-radius:var(--radius-sm);gap:6px}.btn.btn-sm svg{width:15px;height:15px}.btn.btn-icon{width:var(--control-h);padding:0;justify-content:center}.btn.btn-icon.btn-sm{width:var(--control-h-sm)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.kbd,.topbar-kbd{padding:1px 5px;border-radius:4px;border:1px solid currentColor;background:transparent;color:inherit;opacity:.7;font:500 11px var(--font-sans)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.segmented button{height:32px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);font:500 13px var(--font-sans);cursor:pointer;transition:background-color .12s var(--ease-out),color .12s var(--ease-out)}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.input,.auth-input,.cart-table{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:400 14px var(--font-sans);box-shadow:var(--shadow-xs)}.input:hover{border-color:var(--muted-2)}.input:focus,.auth-input:focus,.cart-table:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.toolbar-search{height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs)}.toolbar-search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.sidebar{background:var(--surface);border-right:1px solid var(--border)}.sb-section-label{color:var(--muted);font-size:12px;font-weight:500;padding-left:12px}button.nav-item,.nav-item{height:36px;padding:0 12px;border-radius:var(--radius);color:var(--ink-2);font:500 14px var(--font-sans)}button.nav-item svg{width:18px;height:18px;color:var(--muted)}button.nav-item:hover:not(.active){background:var(--surface-2);color:var(--ink)}button.nav-item.active{background:var(--surface-2);color:var(--ink);font-weight:600}button.nav-item.active svg{color:var(--accent)}.nav-item.active:before{display:none}.nav-item-badge{background:var(--surface-2);color:var(--ink-2);font:600 11.5px var(--font-sans);border-radius:6px;padding:1px 7px;box-shadow:none}.nav-item-badge.live{background:var(--accent);color:var(--accent-ink)}.nav-item-badge.kbd{background:transparent;border:1px solid var(--border-strong);color:var(--muted);opacity:1}.btn.sb-clock-btn{height:var(--control-h);background:var(--surface);border:1px solid var(--border-strong);color:var(--ink)}.sb-foot{border-top:1px solid var(--border);background:var(--surface)}.sb-avatar{background:var(--surface-2);color:var(--ink);border-radius:50%;font-weight:600}.topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none}.topbar-crumbs{font-size:14px;color:var(--muted)}.topbar-crumbs>span:first-child{color:var(--ink)!important;font-weight:600!important}.topbar-crumbs .crumb-current{color:var(--ink);font-weight:500}.page-header{padding:28px 32px 16px;background:transparent;border-bottom:0;min-height:0}.page-title{font:600 24px/1.2 var(--font-sans);letter-spacing:-.015em;color:var(--ink);margin:0}.page-sub{margin-top:4px;color:var(--muted);font-size:14px}.page-tabs{padding:0 32px;gap:20px;border-bottom:1px solid var(--border);background:transparent}.page-tab{height:40px;padding:0 2px;border-radius:0;border-bottom:2px solid transparent;color:var(--muted);font:500 14px var(--font-sans);background:transparent!important}.page-tab:hover{color:var(--ink)}.page-tab.active{color:var(--ink);border-bottom-color:var(--accent);background:transparent;box-shadow:none}.page-tab .count{background:var(--surface-2);color:var(--muted);border-radius:6px;font-size:12px;padding:0 6px}.card,.report-panel,.roles-editor,.staff-list,.dashboard-panel,.report-stats,.dashboard-metrics{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card:hover{box-shadow:var(--shadow-xs);transform:none}.table thead th,.staff-table th{background:var(--surface-2);color:var(--muted);font:500 12.5px var(--font-sans);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--border)}.table td{border-bottom:1px solid var(--border);color:var(--ink)}.table tbody tr:hover{background:var(--surface-2)}.chip{border-radius:6px;font:500 12px var(--font-sans);padding:2px 8px;min-height:22px;border:0}.chip.chip-accent{background:var(--accent-soft);color:var(--accent)}.status{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--font-sans)}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.is-ok{color:var(--success)}.status.is-warn{color:var(--warn)}.status.is-bad{color:var(--danger)}.status.is-idle{color:var(--muted)}.modal-overlay{background:#0c0a0980;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--surface)}.rail-btn{width:48px;height:48px;border-radius:var(--radius);color:var(--muted);transition:background-color .12s var(--ease-out),color .12s var(--ease-out)}.rail-btn:hover{background:var(--surface-2);color:var(--ink)}.rail-btn:active{background:var(--surface-hover);transform:none}.rail-btn.active{background:var(--accent-soft);color:var(--accent);box-shadow:none}.pos-cat{height:40px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);font:500 14px var(--font-sans);box-shadow:var(--shadow-xs);transition:background-color .12s var(--ease-out),color .12s var(--ease-out)}.pos-cat:hover{background:var(--surface-2);color:var(--ink)}.pos-cat:active{background:var(--surface-hover);transform:none}.pos-cat.is-active{background:var(--ink);border-color:var(--ink);color:var(--surface);box-shadow:none}.prod-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xs)!important;transition:border-color .12s var(--ease-out),box-shadow .12s var(--ease-out),transform .12s var(--ease-out)!important}.prod-card:hover{border-color:var(--border-strong)!important;box-shadow:var(--shadow-sm)!important;transform:none}.prod-card:active{transform:scale(.985);box-shadow:none!important}.prod-card:hover .prod-thumb{background:var(--surface-hover)!important}.prod-thumb{border-radius:var(--radius)}.prod-price{color:var(--ink);font-weight:600}.qty-step{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:2px}.qty-step button{width:36px;height:36px;border-radius:6px;background:transparent;box-shadow:none;color:var(--ink)}.qty-step button:hover{background:var(--surface);color:var(--ink)}.qty-step button:active{background:var(--surface-hover);transform:none}.cart-actions .btn{height:52px}.btn.pay-btn{height:56px;border-radius:var(--radius);font-size:16px;font-weight:600}.btn.cart-customer{border-style:dashed;box-shadow:none}.cart-line{animation:none}.fin-callout{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);font-size:13.5px;line-height:1.5}.fin-callout.is-warn{background:var(--warn-soft);border-color:transparent;color:var(--ink)}.fin-callout.is-locked{background:var(--info-soft);border-color:transparent;color:var(--ink)}.fin-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.fin-toolbar .spacer{flex:1}.fin-days{display:flex;flex-direction:column}.fin-day{display:grid;grid-template-columns:140px 1fr auto auto;gap:16px;align-items:center;width:100%;min-height:48px;padding:0 16px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);font:400 14px var(--font-sans);text-align:left;cursor:pointer}.fin-day:hover{background:var(--surface-2)}.fin-day.is-selected{background:var(--accent-soft)}.fin-day:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.fin-day .num{font-variant-numeric:tabular-nums;text-align:right}.fin-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}.fin-method{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:grid;gap:12px}.fin-method+.fin-method{margin-top:12px}.fin-method-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.fin-method-head h3{margin:0;font:600 15px var(--font-sans)}.fin-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fin-figures label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}.fin-figures .readout{height:var(--control-h);display:flex;align-items:center;padding:0 12px;border-radius:var(--radius);background:var(--surface-2);font-variant-numeric:tabular-nums;color:var(--ink)}.fin-variance{font-weight:600;font-variant-numeric:tabular-nums}.fin-variance.is-zero{color:var(--success)}.fin-variance.is-short{color:var(--danger)}.fin-variance.is-over{color:var(--warn)}.fin-actions{display:flex;justify-content:flex-end;gap:8px}.fin-meta{font-size:12.5px;color:var(--muted)}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.checklist li{display:flex;align-items:center;gap:10px;font-size:14px}.checklist .mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.checklist .mark.is-ok{background:var(--success-soft);color:var(--success)}.checklist .mark.is-todo{background:var(--warn-soft);color:var(--warn)}.export-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.export-item{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg)}.export-item strong{font-size:14px}.export-item span{font-size:13px;color:var(--muted);line-height:1.4}.export-item .btn{align-self:flex-start}@media(max-width:1000px){.fin-layout{grid-template-columns:1fr}.fin-figures{grid-template-columns:1fr 1fr}}@media(max-width:640px){.page-header{padding:20px 16px 12px}.page-tabs{padding:0 16px}.fin-figures{grid-template-columns:1fr}.fin-day{grid-template-columns:1fr auto}.fin-day>:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.btn,.pos-cat,.prod-card,.rail-btn,.segmented button{transition:none!important}.prod-card:active{transform:none}}.fin-layout{grid-template-columns:340px minmax(0,1fr)}.fin-day{grid-template-columns:1fr auto;grid-template-areas:"date amount" "status variance";row-gap:2px;padding:10px 16px}.fin-day>:nth-child(1){grid-area:date;font-weight:500}.fin-day>:nth-child(2){grid-area:status;font-size:12.5px}.fin-day>:nth-child(3){grid-area:amount}.fin-day>:nth-child(4){grid-area:variance;font-size:12.5px}.fin-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;color:var(--muted);cursor:pointer}.fin-toggle input{accent-color:var(--accent)}.fin-method{border:0;border-radius:0;padding:16px 0 0}.fin-method+.fin-method{margin-top:16px;border-top:1px solid var(--border)}.fin-figures.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-note{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}@media(max-width:1000px){.fin-layout{grid-template-columns:1fr}}@media(max-width:640px){.fin-day>:nth-child(2){display:inline-flex}}.sb-group{margin-top:4px}.sb-group-toggle{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 12px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);font:500 12.5px var(--font-sans);text-align:left;cursor:pointer;transition:background-color .12s var(--ease-out),color .12s var(--ease-out)}.sb-group-toggle>span:not(.nav-icon):not(.nav-item-badge){flex:1}.sb-group-toggle:hover{background:var(--surface-2);color:var(--ink)}.sb-group-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sb-group-chevron{color:var(--muted-2);transform:rotate(-90deg);transition:transform .16s var(--ease-out)}.sb-group.is-open .sb-group-chevron{transform:none}.sb-group-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s var(--ease-out)}.sb-group.is-open .sb-group-panel{grid-template-rows:1fr}.sb-group-inner{overflow:hidden;min-height:0}.sb-group.is-open .sb-group-inner{padding-bottom:4px}@media(prefers-reduced-motion:reduce){.sb-group-panel,.sb-group-chevron{transition:none}}.sb-section.sb-group{padding:0;margin-top:2px}.sb-section:not(.sb-group)+.sb-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.sb-group-toggle{height:36px}.kds-board{padding:20px 32px 96px;display:flex;flex-direction:column;gap:16px}.kds-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.kds-count{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--muted)}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:start}.kds-ticket{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.kds-ticket-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 6px}.kds-number{display:block;font:700 22px/1.1 var(--font-sans);color:var(--ink);letter-spacing:-.01em}.kds-where{display:block;margin-top:4px;font-size:13px;font-weight:500;color:var(--ink-2)}.kds-timer{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-2);font:600 14px var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.kds-stage{padding:0 16px 10px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}.kds-items{list-style:none;margin:0;padding:12px 16px;display:grid;gap:10px}.kds-item-line{display:flex;gap:10px;align-items:baseline}.kds-qty{font:700 17px var(--font-sans);color:var(--ink);min-width:28px;font-variant-numeric:tabular-nums}.kds-name{font:600 16px/1.3 var(--font-sans);color:var(--ink)}.kds-mod{margin-left:38px;font-size:14px;color:var(--ink-2);line-height:1.4}.kds-note{margin:0 16px 12px;padding:10px 12px;border-radius:var(--radius);background:var(--warn-soft);color:var(--ink);font-size:14px;line-height:1.4}.kds-ticket-foot{margin-top:auto;padding:12px 16px 16px}.btn.kds-action{width:100%;height:48px;justify-content:center;font-size:15px;font-weight:600}.kds-ticket.is-warn{border-color:var(--warn)}.kds-ticket.is-warn .kds-timer{background:var(--warn-soft);color:var(--warn)}.kds-ticket.is-late{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.kds-ticket.is-late .kds-timer{background:var(--danger);color:#fff}.kds-ticket.is-ready{border-color:var(--success)}.kds-ticket.is-ready .kds-timer{background:var(--success-soft);color:var(--success)}.kds-ticket.is-fresh{animation:kds-arrive 1.2s var(--ease-out) 2}@keyframes kds-arrive{0%,to{box-shadow:var(--shadow-xs)}50%{box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-md)}}.kds-undo{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:16px;padding:10px 12px 10px 16px;background:var(--ink);color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px}.kds-undo .btn{background:transparent;color:var(--surface);border-color:#ffffff59}.kds-undo .btn:hover{background:#ffffff1f;color:var(--surface)}.kds-detail{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px}.kds-detail dt{color:var(--muted)}.kds-detail dd{margin:0;color:var(--ink)}button.page-tab{border-left:0;border-right:0;border-top:0;cursor:pointer}.input.cart-note{width:100%;height:38px;margin-top:8px;font-size:13px}@media(max-width:640px){.kds-board{padding:16px 16px 96px}}@media(prefers-reduced-motion:reduce){.kds-ticket.is-fresh{animation:none;outline:2px solid var(--accent)}}.kds-ticket .btn.kds-action.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.kds-ticket .btn.kds-action.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.nav-icon{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;background:var(--surface-2);color:var(--muted);transition:background-color .12s var(--ease-out),color .12s var(--ease-out)}button.nav-item{height:40px;gap:10px;padding:0 8px}button.nav-item svg{color:inherit;width:16px;height:16px}button.nav-item:hover:not(.active) .nav-icon{background:var(--surface-hover);color:var(--ink)}button.nav-item.active{background:var(--accent-soft);color:var(--ink)}button.nav-item.active .nav-icon{background:var(--accent);color:var(--accent-ink)}button.nav-item.active svg{color:inherit}.sb-group-toggle{height:40px;padding:0 8px;gap:10px;color:var(--ink);font:600 14px var(--font-sans)}.sb-group-toggle .nav-icon-group{background:var(--surface-2);color:var(--ink-2)}.sb-group.is-open>.sb-group-toggle .nav-icon-group{background:var(--ink);color:var(--surface)}.sb-group-inner{margin-left:21px;padding-left:10px;border-left:1px solid var(--border)}.sb-group-inner button.nav-item{height:36px;font-size:13.5px;font-weight:500}.sb-group-inner .nav-icon{width:24px;height:24px;border-radius:6px;background:transparent;border:1px solid var(--border)}.sb-group-inner button.nav-item.active{background:var(--surface-2)}.sb-group-inner button.nav-item.active .nav-icon{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.collapsed .nav-icon{margin:0 auto}.rail-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;border:2px solid var(--surface)}.rail-dot.is-open{background:var(--success)}.rail-dot.is-closed{background:var(--warn)}.drawer-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--warn-soft);color:var(--ink);font-size:14px;border-bottom:1px solid var(--border)}.drawer-banner.is-inline{border:0;border-radius:var(--radius);padding:10px 12px;margin-bottom:16px}.drawer-modal{width:min(440px,calc(100vw - 32px));padding:22px;display:flex;flex-direction:column;gap:12px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0;font:600 18px var(--font-sans)}.drawer-hint{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}.drawer-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2);margin-top:4px}.drawer-field .input{height:44px;font-size:16px}.drawer-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14.5px;font-variant-numeric:tabular-nums}.drawer-row.is-strong{font-weight:700;border-top:1px solid var(--border);padding-top:10px}.drawer-diff{padding:10px 12px;border-radius:var(--radius);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}.drawer-diff.is-ok{background:var(--success-soft);color:var(--success)}.drawer-diff.is-short{background:var(--danger-soft);color:var(--danger)}.drawer-diff.is-over{background:var(--warn-soft);color:var(--warn)}.drawer-outflows{list-style:none;margin:0;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius);font-size:13px}.drawer-outflows li{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink-2)}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.drawer-actions .btn{height:44px}.access-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px}.access-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.access-origin{margin-left:auto;padding:1px 7px;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap}.access-origin.is-role{background:var(--surface-2);color:var(--muted)}.access-origin.is-granted{background:var(--success-soft);color:var(--success)}.access-origin.is-revoked{background:var(--danger-soft);color:var(--danger)}.roles-perm{flex-wrap:nowrap}.expense-proof{grid-column:1 / -2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:500;color:var(--ink-2)}.proof-pick{cursor:pointer;position:relative}.proof-pick:focus-within{box-shadow:var(--focus-ring)}.proof-chosen{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:var(--radius);background:var(--surface-2);color:var(--ink);font-weight:400}.proof-viewer{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:22px;display:flex;flex-direction:column;gap:12px}.proof-stage{min-height:280px;max-height:62vh;display:grid;place-items:center;overflow:auto;background:var(--surface-2);border-radius:var(--radius)}.proof-stage img{max-width:100%;max-height:62vh;object-fit:contain}.proof-pdf{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);padding:32px}.proof-pick{display:inline-flex;align-items:center;gap:6px}a.btn,a.btn:hover{text-decoration:none}.purchase-form{display:flex;flex-direction:column;gap:14px}.purchase-head{display:grid;grid-template-columns:170px minmax(0,1.4fr) minmax(0,1fr);gap:12px}.purchase-head label,.purchase-note{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}.purchase-lines td{vertical-align:middle}.purchase-lines select.input{min-width:220px}.num-input{width:130px;text-align:right}.purchase-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.cost-up{color:var(--danger);font-weight:600}.cost-down{color:var(--success);font-weight:600}@media(max-width:900px){.purchase-head,.purchase-foot{grid-template-columns:1fr}.purchase-lines{display:block;overflow-x:auto}}.mod-rules{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.mod-rules>div,.mod-rules>label{display:flex;flex-direction:column;gap:6px}.mod-label{font-size:13px;font-weight:600;color:var(--ink-2)}.mod-preview{padding:10px 14px;border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);font-size:13.5px}.mod-section{margin:4px 0 8px;font:600 15px var(--font-sans);color:var(--ink)}.mod-options td{vertical-align:middle}.mod-options tr.is-off td{color:var(--muted)}.mod-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.mod-switch input{width:18px;height:18px;accent-color:var(--accent)}.mod-menus{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.roles-panel .report-empty{font-size:13.5px;padding:20px}.theme-choice{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:12px;margin-top:12px}.theme-option{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;font:600 15px var(--font-sans);transition:border-color .12s var(--ease-out)}.theme-option.is-dark{background:#1a1918;color:#f2f0ed;border-color:#3d3a37}.theme-option.is-light{background:#fff;color:#1c1917;border-color:#d2cfc8}.theme-option[aria-pressed=true]{border-color:var(--accent)}.theme-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-check{margin-left:auto;color:var(--accent)}.prod-card.is-availability{outline:2px dashed var(--info);outline-offset:-4px}.delta-up{color:var(--success);font-weight:600}.delta-down{color:var(--danger);font-weight:600}.cell-wrap{white-space:normal!important;min-width:180px}.bar-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bar-list li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(150px,auto);gap:12px;align-items:center;font-size:14px}.bar-list-label{color:var(--ink-2)}.bar-list-track{height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden}.bar-list-fill{display:block;height:100%;border-radius:6px;background:var(--accent)}.bar-list-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.bar-list-value small{display:block;font-weight:400;color:var(--muted);font-size:12px}.hour-bars{display:flex;align-items:flex-end;gap:4px;height:200px;padding-top:8px}.hour-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}.hour-plot{position:relative;flex:1;width:100%;max-width:28px;display:flex;align-items:flex-end;justify-content:center}.hour-fill{position:relative;width:100%;background:var(--accent);border-radius:4px 4px 0 0;min-height:0}.hour-prev{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;border:2px dashed var(--muted-2);border-bottom:0;border-radius:4px 4px 0 0}.hour-label{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin:0 4px 0 12px}.legend-swatch.is-now{background:var(--accent)}.legend-swatch.is-prev{border:2px dashed var(--muted-2)}@media(max-width:640px){.bar-list li{grid-template-columns:1fr;gap:4px}.bar-list-value{text-align:left}}.proof-frame{width:100%;height:62vh;border:0;background:#fff}.sb-foot{position:relative;padding:8px}.sb-account-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .12s}.sb-account-btn:hover,.sb-account-btn[aria-expanded=true]{background:var(--surface-2)}.sb-account-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-account-btn .sb-user{display:flex;flex-direction:column}.sb-avatar{background:var(--accent);color:#fff;box-shadow:none}.sb-user-role{color:var(--muted);opacity:1}.sb-gear{display:grid;place-items:center;color:var(--muted);flex-shrink:0}.sb-account-btn:hover .sb-gear{color:var(--ink)}.collapsed .sb-gear{display:none}.collapsed .sb-account-btn{justify-content:center;padding:6px 0}.confirm-modal{width:min(400px,calc(100vw - 32px));padding:22px}.confirm-modal h2{margin:0 0 8px;font-size:18px}.confirm-modal p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.acc-modal{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);width:min(820px,calc(100vw - 32px));height:min(640px,calc(100dvh - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.acc-nav{display:flex;flex-direction:column;background:var(--surface-2);border-right:1px solid var(--border);min-height:0}.acc-nav-head{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--border)}.acc-nav-head div{display:flex;flex-direction:column;min-width:0}.acc-nav-head strong{font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-nav-head div span{font-size:12.5px;color:var(--muted)}.acc-nav-list{flex:1;overflow-y:auto;padding:8px 10px}.acc-nav-group+.acc-nav-group{margin-top:10px}.acc-nav-label{padding:8px 8px 6px;font-size:12px;font-weight:600;color:var(--muted)}.acc-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;text-align:left;cursor:pointer}.acc-nav-item>svg:last-child{margin-left:auto;color:var(--muted)}.acc-nav-item:hover{background:var(--surface);color:var(--ink)}.acc-nav-item.is-active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.acc-nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.acc-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface);color:var(--muted);flex-shrink:0}.acc-nav-item.is-active .acc-nav-icon{background:var(--accent);color:#fff}.acc-logout{margin:0 10px 10px;width:auto;color:var(--danger);border-top:1px solid var(--border);border-radius:0;padding-top:10px;min-height:54px}.acc-logout .acc-nav-icon{background:var(--danger-soft);color:var(--danger)}.acc-logout:hover{color:var(--danger);background:transparent}.acc-main{display:flex;flex-direction:column;min-height:0}.acc-main-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.acc-main-head h2{margin:0;font-size:17px}.acc-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--ink-2);cursor:pointer}.acc-close:hover{color:var(--ink)}.acc-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.acc-main-body{flex:1;overflow-y:auto;padding:20px}.acc-pane{display:flex;flex-direction:column;gap:16px}.acc-identity{display:flex;align-items:center;gap:14px}.acc-identity div{display:flex;flex-direction:column;gap:2px}.acc-identity strong{font-size:16px}.acc-identity div span{font-size:13px;color:var(--muted)}.acc-avatar-lg{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;font-weight:700;flex-shrink:0}.acc-field{display:flex;flex-direction:column;gap:6px;flex:1;font-size:13px;font-weight:600;color:var(--ink-2)}.acc-field-short{max-width:220px}.acc-row{display:flex;gap:12px;flex-wrap:wrap}.acc-row .acc-field{min-width:180px}.acc-help{font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.5}.acc-readonly{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 12px;border-radius:8px;background:var(--surface-2);color:var(--ink);font-weight:500;font-size:14px}.acc-readonly em{font-style:normal;font-size:12px;color:var(--muted)}.acc-confirm{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--border)}.acc-actions{display:flex;justify-content:flex-end}.acc-done{padding:10px 12px;border-radius:8px;background:var(--surface-2);color:var(--success);font-size:14px;font-weight:600}.acc-about{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;margin:0;font-size:14px}.acc-about dt{color:var(--muted)}.acc-about dd{margin:0;color:var(--ink)}.acc-confirm-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg)}@media(max-width:640px){.acc-modal{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.acc-nav{border-right:0;border-bottom:1px solid var(--border)}.acc-nav-head{display:none}.acc-nav-list{display:flex;gap:4px;overflow-x:auto;padding:8px}.acc-nav-group{display:flex;gap:4px;margin:0!important}.acc-nav-label{display:none}.acc-nav-item{width:auto;white-space:nowrap}.acc-logout{margin:0 8px 8px;padding-top:0;min-height:44px;border-top:0}}.ing-modal{width:min(480px,calc(100vw - 32px));padding:22px;display:flex;flex-direction:column;gap:14px}.ing-modal h2{margin:0;font-size:18px}.ing-history{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto}.ing-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ing-toolbar{gap:12px;flex-wrap:wrap}.ing-search{max-width:260px}.ing-actions{white-space:nowrap}.ing-actions .btn+.btn{margin-left:4px}tr.is-off td{color:var(--muted)}.recipe-qty{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.recipe-qty>span{min-width:34px;text-align:left;color:var(--muted);font-size:13px}.recipe-lines select.input{min-width:220px}.recipe-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-lines select.purchase-type{min-width:0;width:130px}.purchase-lines select.purchase-unit{min-width:0;width:76px}.purchase-lines .num-input{width:100px}.link-btn{border:0;padding:0;background:none;color:var(--accent);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}@media(max-width:640px){.recipe-stats{grid-template-columns:1fr}.recipe-lines{display:block;overflow-x:auto}}.margin-figure.is-ok{color:var(--success)}.margin-figure.is-warn{color:var(--warn)}.margin-figure.is-bad{color:var(--danger)}.be-inputs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.be-ratio{font-size:24px;color:var(--ink)}.be-bar{height:14px;border-radius:7px;background:var(--surface-2);overflow:hidden}.be-bar span{display:block;height:100%;background:var(--accent);border-radius:7px;transition:width .3s ease-out}.be-bar span.is-done{background:var(--success)}.be-figures{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:14px;color:var(--ink-2)}@media(max-width:640px){.be-inputs{grid-template-columns:1fr}}.promo-days{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.promo-days button{min-width:48px;height:40px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.promo-days button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.promo-days button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.discount-modal{width:min(440px,calc(100vw - 32px));padding:20px;display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 32px);overflow-y:auto}.discount-head{display:flex;align-items:center;justify-content:space-between}.discount-head h2{margin:0;font-size:18px}.discount-list{display:flex;flex-direction:column;gap:8px}.discount-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.discount-option span:first-child{display:flex;flex-direction:column;gap:2px}.discount-option small{color:var(--muted);font-size:12.5px}.discount-option:hover:not(:disabled){border-color:var(--accent)}.discount-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.discount-option:disabled{opacity:.55;cursor:not-allowed}.discount-amount{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.discount-manual{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.discount-manual h3{margin:0;font-size:15px}.discount-manual-row{display:flex;gap:8px}.target-form{display:flex;gap:8px;align-items:flex-end}.expense-form{grid-template-columns:170px minmax(0,1fr) 180px minmax(0,1.6fr);gap:14px 12px}.expense-form label{font-size:13px;gap:6px}.expense-form label.proof-pick{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--ink);height:42px}.expense-form .expense-proof{grid-column:1 / 4}.expense-form>button[type=submit]{grid-column:4;justify-self:end;align-self:end;height:42px}.expense-form .expense-note{grid-column:auto}@media(max-width:900px){.expense-form{grid-template-columns:1fr 1fr}.expense-form .expense-note,.expense-form .expense-proof{grid-column:1 / -1}.expense-form>button[type=submit]{grid-column:1 / -1;justify-self:stretch}}@media(max-width:520px){.expense-form{grid-template-columns:1fr}}.board-composer{display:flex;flex-direction:column;gap:12px}.board-textarea{height:auto;min-height:44px;padding:10px 12px;resize:vertical;font:inherit;line-height:1.5}.board-item{position:relative;padding-right:28px}.board-item.is-unread .roles-item-name{font-weight:700}.board-item .roles-item-name svg{vertical-align:-2px;color:var(--accent)}.board-dot{position:absolute;top:16px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.board-post{display:flex;flex-direction:column;gap:16px}.board-post-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.board-post-head h2{margin:0 0 4px;font-size:19px}.board-post-head h2 svg{color:var(--accent);vertical-align:-2px}.board-post-actions{display:flex;gap:6px;flex-shrink:0}.board-body{white-space:pre-wrap;font-size:15px;line-height:1.6;color:var(--ink)}.board-receipts{padding:10px 14px;border-radius:8px;background:var(--surface-2);font-size:13.5px}.board-receipts summary{cursor:pointer;font-weight:600}.board-receipts p{margin:8px 0 0;color:var(--ink-2);line-height:1.5}.board-comments{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.board-comments h3{margin:0;font-size:14px;color:var(--ink-2)}.board-comment{padding:10px 12px;border-radius:8px;background:var(--surface-2)}.board-comment-head{display:flex;align-items:center;gap:8px}.board-comment-head button{margin-left:auto}.board-comment p{margin:4px 0 0;white-space:pre-wrap;line-height:1.5;font-size:14px}.board-reply{display:flex;gap:8px;align-items:flex-end}.board-reply textarea{flex:1}.att-filter{max-width:260px}