:root{--color-background: #0a1628;--color-surface: #0f2240;--color-surface-2: #132a4c;--color-primary: #1e3a8a;--color-on-primary: #ffffff;--color-secondary: #3b82f6;--color-accent: #a16207;--color-on-accent: #ffffff;--color-gold: #c4a35a;--color-silver: #94a3b8;--color-foreground: #f8fafc;--color-muted: #94a3b8;--color-border: #1e3a8a;--color-destructive: #dc2626;--color-success: #16a34a;--color-warning: #ca8a04;--color-ring: #a16207;--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .18s;--font-body: "Inter", "Noto Sans Arabic", "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Noto Sans Arabic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--z-sticky: 10;--z-dropdown: 20;--z-overlay: 40;--z-modal: 100;--touch: 44px;--navy: var(--color-background);--navy-2: var(--color-surface);--cobalt: var(--color-primary);--cobalt-2: var(--color-secondary);--gold: var(--color-gold);--silver: var(--color-silver);--white: var(--color-foreground);--text: var(--color-foreground);--muted: var(--color-muted);--line: var(--color-border);--danger: var(--color-destructive);--ok: var(--color-success);--warn: var(--color-warning);--shadow: var(--shadow-md);--radius: var(--radius-sm);--font: var(--font-body)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100dvh}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;background:var(--color-background);color:var(--color-foreground);touch-action:manipulation}h1,h2,h3,.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.app-rtl{direction:rtl}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.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}.skip-link{position:absolute;inset-inline-start:var(--space-md);top:var(--space-md);z-index:var(--z-modal);padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);transform:translateY(-120%)}.skip-link:focus{transform:none}.splash{position:relative;min-height:100dvh;height:100%;display:grid;place-items:center;background:var(--color-background);overflow:hidden;cursor:pointer}.splash-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.55}.splash-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 48% 42% at 50% 42%,rgba(30,58,138,.35) 0%,transparent 72%),linear-gradient(180deg,rgba(10,22,40,.2) 0%,var(--color-background) 100%)}.splash-sweep{position:absolute;top:-30%;bottom:-30%;width:22%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(196,163,90,.16) 50%,transparent 100%);transform:translate(-140%) rotate(14deg);animation:splash-sweep 2.4s var(--ease-out) .28s both}.splash-dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background-image:radial-gradient(1.5px 1.5px at 14% 22%,rgba(196,163,90,.55) 50%,transparent 51%),radial-gradient(1px 1px at 78% 18%,rgba(196,163,90,.4) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 76%,rgba(196,163,90,.45) 50%,transparent 51%),radial-gradient(1px 1px at 28% 68%,rgba(59,130,246,.35) 50%,transparent 51%),radial-gradient(1px 1px at 88% 58%,rgba(196,163,90,.35) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 42% 12%,rgba(196,163,90,.3) 50%,transparent 51%);animation:splash-dust 3.2s var(--ease-out) .4s both}.splash-inner{position:relative;z-index:1;text-align:center;padding:var(--space-3xl);max-width:28rem}.splash-mark{position:relative;display:inline-block}.splash-mark:after{content:"";position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;z-index:-1;background:radial-gradient(circle,rgba(30,58,138,.55) 0%,transparent 68%);animation:splash-glow 2.6s var(--ease-out) both}.splash-logo{width:128px;height:128px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-primary);animation:splash-logo 1.2s var(--ease-out) both}.splash-rule{width:48px;height:2px;margin:var(--space-2xl) auto 0;background:var(--color-gold);transform:scaleX(0);animation:splash-rule .7s var(--ease-out) .72s both}.splash-wordmark{margin:var(--space-xl) 0 var(--space-sm);letter-spacing:-.04em;font-size:2.25rem;font-weight:700;animation:splash-rise .7s var(--ease-out) .55s both}.splash-brand{color:var(--color-muted);margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;animation:splash-rise .7s var(--ease-out) .78s both}.splash-sub{color:var(--color-gold);margin:var(--space-sm) 0 0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;animation:splash-rise .7s var(--ease-out) .92s both}.splash-tag{color:var(--color-muted);margin:var(--space-xl) 0 0;font-size:.9375rem;animation:splash-rise .7s var(--ease-out) 1.08s both}.splash-skip{position:absolute;inset-inline-end:var(--space-xl);top:calc(var(--space-xl) + env(safe-area-inset-top,0px));z-index:var(--z-modal);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0a1628b8;color:var(--color-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.splash-reduced .splash-sweep,.splash-reduced .splash-dust{display:none}.gold-line{width:48px;height:2px;margin:var(--space-xl) auto 0;background:var(--color-accent)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes splash-logo{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes splash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-rule{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes splash-sweep{0%{transform:translate(-140%) rotate(14deg)}to{transform:translate(480%) rotate(14deg)}}@keyframes splash-dust{0%{opacity:0}40%{opacity:1}to{opacity:.7}}@keyframes splash-glow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login,.shell{height:100%;min-height:100dvh}.login{display:grid;place-items:center;padding:var(--space-2xl);background:var(--color-background)}.login-card{width:min(400px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2xl);text-align:center}.login-card.connecting{width:min(280px,100%)}.login-card img{width:64px;height:64px;border-radius:var(--radius-sm);border:1px solid var(--color-border);display:block;margin-inline:auto}.login-card h2{margin:var(--space-lg) 0 var(--space-sm);font-size:1.5rem}.login-card .field{text-align:start}.login-card .field span{text-align:center;text-transform:uppercase;letter-spacing:.08em}.login-card>p{color:var(--color-muted);margin:0 0 var(--space-xl)}.pin-dots{display:flex;justify-content:center;gap:var(--space-md);margin:var(--space-lg) 0 var(--space-xl);min-height:var(--touch);align-items:center}.pin-dot{width:10px;height:10px;border-radius:2px;border:2px solid var(--color-accent);background:transparent}.pin-dot.filled{background:var(--color-accent)}.pin-input{width:100%;min-height:var(--touch);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-foreground);letter-spacing:.4em;text-align:center;font-size:1.375rem;font-family:var(--font-mono);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:var(--touch);min-width:var(--touch);border:2px solid transparent;border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-2xl);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);font-weight:600;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;text-decoration:none;transition:transform var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out)}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 82%,white)}.btn:active:not(:disabled){transform:scale(.97)}.btn.gold{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.btn.gold:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 88%,white)}.btn.ghost{background:transparent;border-color:var(--color-secondary);color:var(--color-foreground)}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-secondary) 16%,transparent)}.btn.danger{background:transparent;color:var(--color-destructive);border-color:var(--color-destructive)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-destructive) 14%,transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%;margin-top:var(--space-xl)}.btn-row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.btn-row.spread{justify-content:space-between}.btn-row .search,.btn-row .control{flex:1;width:auto;min-width:0}.catalog-search{margin-bottom:var(--space-lg)}.shell{display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--color-background);border-inline-end:1px solid var(--color-border);padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow:auto}.brand-block{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-md) var(--space-md) var(--space-xl)}.brand-block img{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.brand-block strong{display:block;font-family:var(--font-body);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-muted)}.brand-block span{font-family:var(--font-display);color:var(--color-foreground);font-size:.9375rem;letter-spacing:-.02em;font-weight:700}.nav-divider{height:1px;margin:var(--space-md) var(--space-md);background:var(--color-border);border:0}.nav-section{margin:var(--space-lg) var(--space-lg) var(--space-xs);font-family:var(--font-display);font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold)}.nav-btn{display:flex;align-items:center;gap:var(--space-lg);width:100%;min-height:var(--touch);text-align:start;background:transparent;color:var(--color-muted);border:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-weight:600;font-size:.875rem;letter-spacing:.03em;transition:background-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.nav-btn svg{flex-shrink:0}.nav-btn:hover{background:var(--color-surface);color:var(--color-foreground)}.nav-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-lg)}.main{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-sticky)}.topbar h1{font-size:1.25rem;margin:0;display:flex;flex-direction:column;gap:2px;letter-spacing:-.02em}.module-kicker{display:block;font-family:var(--font-display);font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold);margin:0 0 var(--space-sm)}.content{overflow:auto;padding:var(--space-xl);min-height:0;position:relative;z-index:1}.brand-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:0;opacity:.055}.brand-watermark img{width:min(42vw,420px);height:auto;-webkit-user-select:none;user-select:none}.content>*:not(.brand-watermark){position:relative;z-index:1}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.metric,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xl)}.metric{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md) var(--space-lg);align-items:start}.metric:nth-child(1){grid-column:span 2}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);grid-row:span 3}.metric span{color:var(--color-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.metric strong{display:block;font-family:var(--font-mono);font-size:1.25rem;margin-top:var(--space-xs);font-weight:500}.metric b{color:var(--color-accent);font-weight:600;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.panel h3{margin:0 0 var(--space-lg);font-size:1.125rem}.panel h3.follow{margin-top:var(--space-2xl)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-xl)}.grid-3{display:grid;grid-template-columns:1.3fr 1fr 280px;gap:var(--space-lg)}.stack-gap{margin-top:var(--space-xl)}table.data{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}table.data th,table.data td{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border);text-align:start}table.data th{color:var(--color-muted);font-weight:600;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}table.data td:nth-child(n){font-family:var(--font-body)}table.data small{color:var(--color-muted)}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.panel>.control,.panel>select.control,form.panel>.control{margin-bottom:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.field span{color:var(--color-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea,.search,.control{background:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-lg);min-height:var(--touch);width:100%}.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.field textarea{min-height:88px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-lg)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);max-height:52vh;overflow:auto}.tile{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-lg);text-align:start;color:var(--color-foreground);min-height:var(--touch);transition:background-color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.tile:hover{border-color:var(--color-secondary);background:var(--color-surface)}.tile:active{transform:scale(.97)}.tile small{display:block;color:var(--color-muted)}.tile em{color:var(--color-accent);font-style:normal;font-family:var(--font-mono)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.key{min-height:52px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-foreground);font-family:var(--font-mono);font-size:1.125rem;font-weight:500;transition:background-color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.key:hover{background:var(--color-primary);color:var(--color-on-primary)}.key:active{transform:scale(.97)}.keypad-value{font-family:var(--font-mono);font-size:1.75rem;margin:0 0 var(--space-lg)}.cart-line{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.qty-input{width:64px;min-height:var(--touch);min-width:var(--touch);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground);text-align:center;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--color-primary);color:var(--color-on-primary)}.badge.ok{background:color-mix(in srgb,var(--color-success) 22%,transparent);color:var(--color-success)}.badge.warn{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.badge.danger{background:color-mix(in srgb,var(--color-destructive) 18%,transparent);color:var(--color-destructive)}.spin{animation:spin .9s linear infinite;color:var(--color-accent);display:block;margin:var(--space-lg) auto 0}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:var(--color-muted)}.notice[role=alert]{color:var(--color-destructive)}.empty{color:var(--color-muted);padding:var(--space-2xl) var(--space-md);text-align:center}.skeleton{min-height:88px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-2) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mobile-nav{display:none}.more-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0a1628b8;display:grid;align-items:end}.more-card{background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));max-height:80dvh;overflow:auto}.more-card h2{font-size:1.25rem;margin:0}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.scanner-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1628b8;display:grid;place-items:center;z-index:var(--z-overlay)}.scanner-card{width:min(420px,92vw);background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.action-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin:0 calc(var(--space-xl) * -1) var(--space-xl);padding:var(--space-md) var(--space-xl);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-background));border-bottom:1px solid var(--color-border)}.panel>.action-bar:first-child,form.panel>.action-bar:first-child{margin-top:calc(var(--space-xl) * -1)}.record-fields:disabled{opacity:.72;pointer-events:none}.record-fields{border:0;margin:0;padding:0;min-width:0}.print-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0a1628c7;display:grid;place-items:center;padding:var(--space-xl)}.print-preview-card{width:min(920px,100%);height:min(92dvh,1100px);display:grid;grid-template-rows:auto 1fr;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.print-preview-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border)}.print-preview-head h2{margin:0;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.print-preview-frame{width:100%;height:100%;border:0;background:#fff}.invoice-print-card{width:min(1100px,100%);height:min(94dvh,1200px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.invoice-print-card .print-preview-frame{flex:1;min-height:0}.invoice-print-card .print-preview-head{align-items:flex-start}.invoice-print-title{min-width:0}.invoice-print-title h2{margin:0;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.invoice-print-title p{margin:4px 0 0;color:var(--color-muted);font-size:.8125rem;letter-spacing:.02em}.invoice-print-title .ar{direction:rtl;unicode-bidi:isolate}.invoice-print-tabs{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border)}.invoice-print-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-background))}.invoice-seller-strip{display:grid;grid-template-columns:40px 1fr;gap:var(--space-md);align-items:start;padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.invoice-seller-strip img{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-primary)}.invoice-seller-strip strong{display:block;font-size:.8125rem}.invoice-seller-strip small{display:block;color:var(--color-muted);margin-top:2px}.invoice-seller-strip .ar{direction:rtl;unicode-bidi:isolate}.invoice-seller-strip .badge{margin-top:var(--space-md)}.pos-totals{display:grid;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-lg);font-family:var(--font-mono);font-size:.875rem}.pos-totals div{display:flex;justify-content:space-between;gap:var(--space-md)}.dash-pos-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.dash-pos-cta h3{margin:0}.check{display:flex;align-items:flex-start;gap:var(--space-md);margin:var(--space-md) 0;color:var(--color-muted);font-size:.875rem;line-height:1.4}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--color-accent);flex-shrink:0}.id-capture{margin:var(--space-lg) 0;padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.id-video,.id-preview{width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius-sm);margin-top:var(--space-md);background:#000}.inventory-page{display:grid;gap:var(--space-xl)}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field-check{display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch);margin-bottom:var(--space-lg);color:var(--color-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field-check input{width:20px;height:20px;accent-color:var(--color-accent)}.field-check.compact{margin:0;min-height:var(--touch)}.code-preview{display:flex;gap:var(--space-xl);align-items:center;background:#fff;color:#0b1b33;border-radius:var(--radius-sm);padding:var(--space-lg);margin:var(--space-lg) 0}.code-preview-barcode{flex:1;min-width:0}.code-preview-barcode svg{width:100%;height:auto}.code-preview-qr{width:96px;height:96px}.adjust-box{margin-top:var(--space-xl)}.warn-qty{color:var(--color-warning);font-weight:600}table.data tr.is-active td{background:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.label-live{border:1px solid var(--color-border);background:#fff;color:#0b1b33;border-radius:var(--radius-sm);padding:var(--space-lg);margin-bottom:var(--space-lg);display:grid;gap:var(--space-xs)}.label-live strong{font-size:.875rem}.label-live span,.label-live em{color:#5b6b82;font-size:.75rem;font-style:normal}.label-live b{font-family:var(--font-mono);color:#a16207}.label-live-50x25{width:min(50mm,100%);min-height:25mm}.label-live-40x30{width:min(40mm,100%);min-height:30mm}.label-live-58mm{width:min(58mm,100%);min-height:40mm}.label-live-a4{width:min(48mm,100%);min-height:28mm}@media (max-width: 980px){.filter-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(1){grid-column:span 2}}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metrics,.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.metric:nth-child(1){grid-column:auto}.content{padding:var(--space-lg);padding-bottom:var(--space-lg)}.mobile-nav{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-background)}.mobile-nav .nav-btn{flex:1;min-width:0;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);font-size:.625rem;letter-spacing:.04em;text-transform:uppercase}}@media (prefers-reduced-motion: reduce){.splash-inner,.skeleton,.spin,.splash-logo,.splash-wordmark,.splash-brand,.splash-sub,.splash-tag,.splash-rule,.splash-sweep,.splash-dust,.splash-mark:after{animation:none!important;opacity:1!important;transform:none!important}.splash-sweep,.splash-dust,.splash-video{display:none}.btn,.key,.tile,.nav-btn{transition:none}.brand-watermark{opacity:.04}}.ws-root{display:grid;gap:var(--space-md);min-width:0}.ws-tabs{display:flex;gap:var(--space-sm);overflow-x:auto;border-bottom:1px solid var(--color-border);padding-bottom:0}.ws-tab{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:var(--touch);padding:0 var(--space-lg);border:1px solid var(--color-border);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface-2);color:var(--color-foreground);white-space:nowrap;font-family:var(--font-display)}.ws-tab.active{background:var(--color-surface);border-color:var(--color-gold);color:var(--color-gold)}.ws-tab-close{display:inline-flex;min-width:28px;min-height:28px;align-items:center;justify-content:center;border-radius:var(--radius-sm)}table.data tr.selected td{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface))}table.data tbody tr{cursor:pointer}.acct-tiles{max-height:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.acct-tile{display:grid;gap:var(--space-sm);min-height:96px;padding:var(--space-xl)}.acct-tile strong{font-family:var(--font-display)}.ws-root .panel{min-width:0}.ws-root table.data select,.ws-root table.data input{width:100%;min-height:var(--touch)}.repair-tabs{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.brand-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.brand-chips .btn{min-width:unset;padding:var(--space-md) var(--space-lg);text-transform:none;letter-spacing:.02em}.job-parts{margin-top:var(--space-2xl);display:grid;gap:var(--space-lg)}.job-parts h4{margin:0;font-family:var(--font-display);color:var(--color-gold)}.muted{color:var(--color-muted)}.ar{direction:rtl}
