:root,html.light,html[data-bs-theme=light]{--bg-page:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-subtle:#f1f5f9;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--primary-accent:#ea580c;--primary-accent-hover:#c2410c;--primary-accent-light:#fff7ed;--primary-accent-border:#fed7aa;--brand-blue:#2563eb;--brand-blue-light:#eff6ff;--brand-cyan:#06b6d4;--brand-green:#16a34a;--brand-green-light:#f0fdf4;--brand-red:#dc2626;--brand-red-light:#fef2f2;--brand-yellow:#f59e0b;--brand-yellow-light:#fffbeb;--card-shadow:0 1px 3px #0f172a0d, 0 1px 2px -1px #0f172a0d;--card-shadow-hover:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--header-shadow:0 1px 2px #00000008}html.dark,html[data-bs-theme=dark]{--bg-page:#0b1120;--bg-surface:#1e293b;--bg-surface-elevated:#1e293b;--bg-subtle:#172234;--bg-hover:#243247;--border-color:#334155;--border-subtle:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--primary-accent:#f97316;--primary-accent-hover:#fb923c;--primary-accent-light:#f9731626;--primary-accent-border:#f973164d;--brand-blue:#3b82f6;--brand-blue-light:#3b82f626;--brand-cyan:#22d3ee;--brand-green:#22c55e;--brand-green-light:#22c55e26;--brand-red:#ef4444;--brand-red-light:#ef444426;--brand-yellow:#fbbf24;--brand-yellow-light:#fbbf2426;--card-shadow:0 1px 3px #00000040;--card-shadow-hover:0 4px 10px #00000059;--header-shadow:0 1px 3px #0003}body{background-color:var(--bg-page);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}.card-theme{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:14px;transition:all .2s ease-in-out}.card-theme:hover{box-shadow:var(--card-shadow-hover)}.card-theme-header{border-bottom:1px solid var(--border-color);background-color:#0000;padding:1rem 1.25rem}.app-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);z-index:1020;flex-direction:column;flex-shrink:0;width:260px;min-width:260px;max-width:260px;height:100vh;transition:transform .25s ease-in-out,background-color .2s,border-color .2s;display:flex;position:sticky;top:0;overflow:hidden}.app-sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 1.25rem;display:flex}.app-sidebar-nav{flex-grow:1;padding:1rem .75rem;overflow:hidden auto}.app-sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding:1rem .75rem}.nav-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .75rem;font-size:.72rem;font-weight:700}.nav-item-theme{color:var(--text-muted);border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item-theme:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-item-theme.active,.nav-item-theme.nav-item-theme-exact-active,.nav-item-theme.router-link-active:not([href=\/]):not([to=\/]){background-color:var(--primary-accent-light)!important;color:var(--primary-accent)!important;font-weight:600!important}.nav-item-theme.active i,.nav-item-theme.nav-item-theme-exact-active i,.nav-item-theme.router-link-active:not([href=\/]):not([to=\/]) i{color:var(--primary-accent)!important}.app-header{border-bottom:1px solid var(--border-color);box-shadow:var(--header-shadow);min-height:64px;padding:.75rem 1.5rem}.app-header,.theme-toggle-btn{background-color:var(--bg-surface)}.theme-toggle-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.theme-toggle-btn:hover{background-color:var(--bg-hover);color:var(--primary-accent)}.date-range-pill{color:var(--text-muted);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;display:inline-flex;box-shadow:0 1px 2px #00000008}.date-range-pill,.kpi-stat-card{background-color:var(--bg-surface);border:1px solid var(--border-color)}.kpi-stat-card{box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;padding:1.15rem 1.25rem;display:flex}.kpi-stat-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.kpi-stat-value{color:var(--text-main);align-items:center;gap:.75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:700;line-height:1;display:flex}.badge-status-processing{background-color:#06b6d4}.badge-status-delivered,.badge-status-pending,.badge-status-processing{color:#fff;border-radius:6px;padding:.28rem .65rem;font-size:.72rem;font-weight:600}.badge-status-delivered{background-color:#16a34a}.badge-status-pending{background-color:#f59e0b}.btn-table-action{border:1px solid var(--border-color);background-color:var(--bg-surface);color:#2563eb;border-radius:6px;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-table-action:hover{background-color:var(--brand-blue-light);color:#1d4ed8;border-color:#93c5fd}.table-theme{color:var(--text-main);vertical-align:middle;width:100%;margin-bottom:0}.table-theme thead th{background-color:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-top:none;font-size:.74rem;font-weight:700}.table-theme tbody td,.table-theme thead th{border-bottom:1px solid var(--border-color);padding:.85rem 1rem}.table-theme tbody td{background-color:var(--bg-surface);font-size:.85rem}.table-theme tbody tr:hover td{background-color:var(--bg-hover)}@media (width<=991.98px){.app-sidebar{z-index:1045;width:280px;transition:transform .25s ease-in-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000040}.app-sidebar.show-mobile{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040;background-color:#0f172a99;position:fixed;inset:0}}.pos-product-card{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:space-between;height:100%;padding:1rem;transition:all .15s ease-in-out;display:flex;position:relative}.pos-product-card:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 4px 12px #ea580c1f}.pos-product-card:active{transform:scale(.98)}.pos-category-pill{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.pos-category-pill:hover{background-color:var(--bg-hover);color:var(--text-main)}.pos-category-pill.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);box-shadow:0 2px 6px #ea580c40}.pos-ticket-container{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;display:flex}.pos-cart-scroll{max-height:280px;overflow:hidden auto}.pos-cart-row{border-bottom:1px dashed var(--border-color);padding:.65rem .5rem;transition:background-color .15s}.cash-preset-btn,.pos-cart-row:hover{background-color:var(--bg-subtle)}.cash-preset-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:.35rem .5rem;font-size:.78rem;font-weight:600;transition:all .15s}.cash-preset-btn:hover{background-color:var(--brand-green-light);border-color:var(--brand-green);color:var(--brand-green)}.thermal-receipt-paper{background-color:#fff;border:1px dashed #cbd5e1;max-width:380px;margin:0 auto;padding:1.5rem 1.25rem;font-family:JetBrains Mono,Courier,monospace;font-size:.78rem;line-height:1.35;position:relative;box-shadow:0 4px 15px #0000001a;color:#0f172a!important}.pos-hotkey-bar{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.78rem;display:flex}.pos-hotkey-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;transition:all .15s;display:inline-flex}.pos-hotkey-item:hover{background-color:var(--bg-subtle);color:var(--text-main)}.pos-hotkey-item kbd{background-color:var(--bg-subtle);color:var(--primary-accent);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;box-shadow:0 1px 2px #0000001a}.pos-numpad-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:.5rem;display:grid}.pos-numpad-key{background-color:var(--bg-surface);height:44px;color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;transition:all .1s;display:flex}.pos-numpad-key:active,.pos-numpad-key:hover{background-color:var(--bg-subtle);border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-1px)}.pos-numpad-key.key-action{background-color:var(--bg-subtle);font-size:.85rem}body{margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-mono,.tabular-nums,code,pre{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}