:root{--bg:#0f1115;--bg-elevated:#171a21;--bg-sunken:#0b0d11;--surface:#1d2129;--surface-2:#242933;--border:#2f3540;--border-strong:#3d4552;--text:#eef1f6;--text-muted:#9aa4b2;--text-dim:#6c7686;--accent:#d98324;--accent-soft:#d9832424;--accent-strong:#f0a04b;--success:#34a853;--success-soft:#34a85324;--warning:#eab308;--warning-soft:#eab30824;--danger:#e5484d;--danger-soft:#e5484d24;--info:#3b82f6;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow:0 1px 2px #0006, 0 8px 24px #0000003d;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans Arabic", sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--bg-elevated:#fff;--bg-sunken:#eef0f4;--surface:#fff;--surface-2:#f2f4f7;--border:#dde1e8;--border-strong:#c6ccd6;--text:#16181d;--text-muted:#5c6672;--text-dim:#8b95a3;--shadow:0 1px 2px #1018280f, 0 8px 24px #10182814}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.6rem 1rem;font-weight:550;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:650}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.btn-sm{min-height:34px;padding:.35rem .7rem;font-size:.85rem}.btn-block{width:100%}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-sunken);width:100%;min-height:42px;padding:.6rem .75rem;transition:border-color .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:84px}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.card-pad-lg{padding:1.25rem}.stack{flex-direction:column;gap:.75rem;display:flex}.row{align-items:center;gap:.6rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grow{flex:1}.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.small{font-size:.85rem}.tiny{font-size:.75rem}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.bold{font-weight:650}.strike{text-decoration:line-through}.tag{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:650;display:inline-flex}.tag-success{background:var(--success-soft);color:var(--success);border-color:#0000}.tag-warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.tag-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.tag-accent{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.grid{gap:.75rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:720px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .6rem;font-size:.72rem}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.2rem;min-width:0;padding:.85rem 1rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.72rem;font-weight:650}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.35rem;font-weight:700}.stat-hint{color:var(--text-muted);font-size:.78rem}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);padding:.7rem .9rem;font-size:.88rem}.alert-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.alert-success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.empty{text-align:center;color:var(--text-dim);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem}.bar-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{border-radius:50%;flex:none;width:8px;height:8px}@media print{.no-print{display:none!important}}.pos-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1rem;display:grid}@media (max-width:1000px){.pos-layout{grid-template-columns:minmax(0,1fr)}}.pos-products{min-width:0}.pos-cart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;max-height:calc(100vh - 2rem);padding:.85rem;display:flex;position:sticky;top:1rem}@media (max-width:1000px){.pos-cart{max-height:none;position:static}}.pos-cart-lines{flex-direction:column;gap:.3rem;max-height:42vh;display:flex;overflow-y:auto}@media (max-width:1000px){.pos-cart-lines{max-height:none}}.cart-line{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.pos-cart-totals{border-top:1px solid var(--border);margin-top:.2rem;padding-top:.6rem}.product-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:92px;padding:.7rem .75rem;transition:border-color .1s,background .1s,transform 60ms;display:flex}.product-tile:hover{border-color:var(--accent);background:var(--surface-2)}.product-tile:active{transform:scale(.985)}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.product-price{color:var(--accent-strong);font-size:1.15rem;font-weight:700}.product-meta{flex-wrap:wrap;gap:.3rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#06080bad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.hidden-device{display:none}.app-shell{min-height:100vh;display:flex}.app-nav{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:.2rem;width:220px;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0}.app-main{flex:1;min-width:0;padding:1rem 1.25rem 3rem}@media (max-width:860px){.app-shell{flex-direction:column}.app-nav{z-index:30;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;gap:.25rem;width:100%;height:auto;padding:.5rem;position:sticky;top:0;overflow-x:auto}.app-nav .nav-label,.app-nav .nav-section{display:none}.app-main{padding:.85rem .85rem 4rem}}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.6rem;padding:.55rem .7rem;font-weight:550;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-icon{text-align:center;flex:none;width:20px}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:.9rem .7rem .3rem;font-size:.68rem;font-weight:700}.chart-bars{align-items:flex-end;gap:3px;height:120px;display:flex}.chart-bar{background:var(--accent);border-radius:3px 3px 0 0;flex:1;min-width:4px;min-height:2px;position:relative}.chart-bar[data-peak="1"]{background:var(--accent-strong)}.legend-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.login-shell{background:radial-gradient(circle at 20% 10%, #d983241f, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(430px,100%);box-shadow:var(--shadow);padding:1.5rem}.brand-mark{background:var(--accent);color:#1a1206;border-radius:13px;place-items:center;width:46px;height:46px;font-size:1.4rem;display:grid}@media print{.app-nav{display:none!important}.app-main{padding:0}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}}