@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/inter-latin-900-normal.woff2)format("woff2")}:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#f1f5f9d9;--bg-glass-strong:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-accent:#05966959;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#059669;--primary-hover:#047857;--accent:#059669;--accent-bright:#047857;--accent-dim:#ecfdf5;--accent-glow:#0596692e;--accent-gradient:linear-gradient(135deg, #059669 0%, #047857 100%);--accent-gradient-hover:linear-gradient(135deg, #047857 0%, #065f46 100%);--ok:#059669;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--warn:#d97706;--warn-bg:#fffbeb;--warn-border:#fde68a;--danger:#e11d48;--danger-bg:#fff1f2;--danger-border:#fecdd3;--debit:#047857;--debit-bg:#ecfdf5;--debit-border:#a7f3d0;--debit-column-bg:#05966906;--debit-header-bg:#0596690d;--credit:#1d4ed8;--credit-bg:#eff6ff;--credit-border:#bfdbfe;--credit-column-bg:#2563eb06;--credit-header-bg:#2563eb0d;--sidebar-w:256px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--trans:.18s cubic-bezier(.4, 0, .2, 1);--trans-slow:.3s cubic-bezier(.4, 0, .2, 1);--shadow-card:0 1px 3px 0 #0f172a0a, 0 1px 2px -1px #0f172a0a, 0 0 0 1px #e2e8f0;--shadow-card-hover:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a, 0 0 0 1px #cbd5e1}[data-theme=dark],:root.dark,body.dark{--bg-base:#0a0e17;--bg-surface:#111827;--bg-surface-elevated:#1e293b;--bg-card:#111827;--bg-card-hover:#1b2436;--bg-glass:#111827d9;--bg-glass-strong:#111827;--border:#1f2937;--border-strong:#374151;--border-accent:#10b98166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#10b981;--primary-hover:#059669;--accent:#10b981;--accent-bright:#34d399;--accent-dim:#10b98124;--accent-glow:#10b98140;--accent-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-gradient-hover:linear-gradient(135deg, #34d399 0%, #10b981 100%);--ok:#10b981;--ok-bg:#10b98124;--ok-border:#10b9814d;--warn:#f59e0b;--warn-bg:#f59e0b24;--warn-border:#f59e0b4d;--danger:#f43f5e;--danger-bg:#f43f5e24;--danger-border:#f43f5e4d;--debit:#34d399;--debit-bg:#10b9811f;--debit-border:#10b98147;--debit-column-bg:#10b98108;--debit-header-bg:#10b98112;--credit:#60a5fa;--credit-bg:#3b82f61f;--credit-border:#3b82f647;--credit-column-bg:#3b82f608;--credit-header-bg:#3b82f612;--shadow-card:0 1px 3px 0 #0006, 0 0 0 1px #1f2937;--shadow-card-hover:0 6px 16px -2px #0009, 0 0 0 1px #374151}.theme-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans);border-radius:9px;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle-btn:hover{background:var(--bg-surface-elevated);border-color:var(--accent);color:var(--accent-bright);transform:translateY(-1px)}.theme-toggle-btn .theme-icon-sun{color:#f59e0b;animation:.25s ease-out rotateIn}.theme-toggle-btn .theme-icon-moon{color:#6366f1;animation:.25s ease-out rotateIn}.theme-toggle-pill{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--trans);-webkit-user-select:none;user-select:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12px;font-weight:600;display:inline-flex}.theme-toggle-pill:hover{border-color:var(--accent);background:var(--bg-surface-elevated);box-shadow:var(--shadow-card-hover)}.theme-toggle-pill-track{background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.theme-toggle-pill.dark .theme-toggle-pill-track{background:#6366f126;border-color:#6366f14d}.theme-toggle-pill .theme-icon-sun{color:#d97706}.theme-toggle-pill .theme-icon-moon{color:#818cf8}@keyframes rotateIn{0%{opacity:.5;transform:rotate(-45deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)!important}html{font-size:14px}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:13px;line-height:1.5;font-family:var(--font-sans)!important}input,button,select,textarea,optgroup,option,table,th,td,tr{font-family:var(--font-sans)!important}td,.stat-value,.stat-sub,.mono,.font-mono,.ledger-num,input[type=number],input[inputmode=numeric]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}[style*=monospace],[style*=Courier],[style*=JetBrains],[style*=Consolas],[style*=Segoe],[style*=Arial],[style*=Grotesk]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:var(--font-sans)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.022em;color:var(--text-primary);font-weight:700}.mono,.font-mono,code,pre,kbd,samp{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;font-family:var(--font-sans)!important}.ledger-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;letter-spacing:-.01em;font-family:var(--font-sans)!important}.debit-text{color:var(--debit)!important}.credit-text{color:var(--credit)!important}.text-sm{font-size:11.5px}.text-muted{color:var(--text-secondary)}.app-layout{background:var(--bg-base);height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg-base);flex:1;min-width:0;padding:20px 24px;position:relative;overflow-y:auto}.main-content>*{position:relative}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;transition:margin-left .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:1px 0 6px #0f172a08;z-index:100050!important}@media (min-width:769px){.sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-w) - 16px);pointer-events:none;visibility:hidden;transition:margin-left .28s cubic-bezier(.16,1,.3,1),visibility 0s .28s}}.sidebar-logo{border-bottom:1px solid var(--border);padding:16px 16px 14px}.sidebar-logo-icon{width:34px;height:34px;box-shadow:none;color:#047857;background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;padding:0;font-size:16px;display:flex;overflow:hidden}.sidebar-logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-logo h1{letter-spacing:-.02em;color:#0f172a;font-size:14.5px;font-weight:800}.sidebar-logo p{color:var(--text-secondary);letter-spacing:.01em;margin-top:1px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:10px 8px 3px;font-size:9.5px;font-weight:700}.nav-item{color:#475569;cursor:pointer;text-align:left;width:100%;transition:all var(--trans);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#0f172a;background:#f1f5f9;transform:none}.nav-item.active{background:#047857;border-color:#047857;font-weight:600;box-shadow:0 2px 8px #04785747;color:#fff!important}.nav-icon{opacity:.85;flex-shrink:0;width:15px;height:15px}.nav-item.active .nav-icon{color:#fff;opacity:1}.nav-badge{font-family:var(--font-mono);background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9.5px;font-weight:700}.nav-dropdown-btn{color:#475569;cursor:pointer;text-align:left;width:100%;transition:all var(--trans);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.nav-dropdown-btn:hover{color:#0f172a;background:#f1f5f9}.nav-dropdown-btn.has-active-child{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:700}.nav-submenu-list{border-left:2px solid #e2e8f0;flex-direction:column;gap:2px;margin-top:2px;margin-bottom:4px;margin-left:12px;padding-left:8px;animation:.15s ease-out fadeIn;display:flex}.nav-sub-item{color:#475569;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:11.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-sub-item:hover{color:#0f172a;background:#f1f5f9}.nav-sub-item.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:700;box-shadow:0 1px 3px #04785714}.sidebar-footer{border-top:1px solid var(--border);background:#f8fafc;padding:12px 14px}.sidebar-user{align-items:center;gap:8px;display:flex}.sidebar-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 6px #05966940}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-secondary);font-size:10px}.page-header{margin-bottom:20px}.page-header h2{letter-spacing:-.02em;color:#0f172a;font-size:19px;font-weight:800;line-height:1.25}.page-header p{color:var(--text-secondary);margin-top:3px;font-size:12px}.card{border:1px solid var(--border);box-shadow:var(--shadow-card);transition:border-color var(--trans), box-shadow var(--trans);color:#0f172a;background:#fff;border-radius:12px;padding:16px}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.card-glass{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:12px;padding:16px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--border);box-shadow:var(--shadow-card);contain:layout style;transition:all var(--trans);background:#fff;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.ok:before{background:var(--ok)}.stat-card.warn:before{background:var(--warn)}.stat-card.danger:before{background:var(--danger)}.stat-card.accent:before{background:var(--accent)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px;font-size:10.5px;font-weight:600}.stat-value{font-family:var(--font-mono);color:#0f172a;font-size:21px;font-weight:800;line-height:1.1}.stat-value.ok{color:var(--ok)}.stat-value.warn{color:var(--warn)}.stat-value.danger{color:var(--danger)}.stat-value.accent{color:var(--accent-bright)}.stat-sub{color:#64748b;font-size:10.5px;font-family:var(--font-mono);margin-top:4px}.table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;max-width:100%;display:block;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}thead tr{border-bottom:2px solid var(--border);background:#f1f5f9}th{letter-spacing:.04em;text-transform:uppercase;color:#334155;text-align:left;white-space:nowrap;border-bottom:2px solid var(--border);padding:6px 9px;font-size:10px;font-weight:700}td{border-bottom:1px solid var(--border);color:#1e293b;padding:5px 9px;font-size:11px;line-height:1.35}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--trans);contain:style layout}table tbody tr:nth-child(2n),.table-striped tbody tr:nth-child(2n){background-color:#f8fafc}table tbody tr:nth-child(odd),.table-striped tbody tr:nth-child(odd){background-color:#fff}table tbody tr:hover,.table-striped tbody tr:hover{background-color:#f1f5f9!important}table tbody tr.selected,.table-striped tbody tr.selected{background-color:#ecfdf5!important}td.mono{font-family:var(--font-mono);font-size:11px}th.right,td.right{text-align:right!important}th.center,td.center{text-align:center!important}table:not(.thermal-receipt-preview *):not(#printable-kitchen-chit *):not(#printable-prebill *):not(.printable-document *) th{padding:6px 9px!important;font-size:10px!important}table:not(.thermal-receipt-preview *):not(#printable-kitchen-chit *):not(#printable-prebill *):not(.printable-document *) td{padding:5px 9px!important;font-size:11px!important;line-height:1.35!important}table td small,table td .sub-text{font-size:9.5px!important}table .pill{border-radius:12px!important;padding:1.5px 6px!important;font-size:9.5px!important}table .btn{padding:3px 7px!important;font-size:10.5px!important}table .btn-sm{padding:2px 6px!important;font-size:10px!important}table .btn-icon{padding:3px 6px!important;font-size:11px!important}table input:not([type=checkbox]):not([type=radio]),table select{min-height:26px!important;padding:2.5px 6px!important;font-size:11px!important}.tab-pill-group{border:1px solid var(--border);background:#f1f5f9;border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.tab-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tab-pill-btn:hover{color:#0f172a;background:#fff9}.tab-pill-btn.active{font-weight:700;box-shadow:0 2px 6px #05966959;color:#fff!important;background:#059669!important}.tab-pill-btn.active svg{color:#fff!important}.tab-pill-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.tab-pill-btn.active .tab-pill-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-label{color:#334155;letter-spacing:.02em;font-size:11px;font-weight:600}.form-control{border:1px solid var(--border-strong);color:#0f172a;width:100%;font-size:12px;font-family:var(--font-sans);transition:border-color var(--trans), box-shadow var(--trans);background:#fff;border-radius:8px;outline:none;padding:7px 11px}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #05966926}.form-control::placeholder{color:var(--text-muted)}select.form-control,select.form-control option{color:#0f172a;background:#fff}textarea.form-control{font-family:var(--font-sans);resize:vertical}.input{border:1px solid var(--border-strong);color:#0f172a;width:100%;font-size:12px;font-family:var(--font-sans);transition:all var(--trans);background:#fff;border-radius:8px;outline:none;padding:7px 10px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #05966926}.input::placeholder{color:var(--text-muted)}.input-sm{padding:4px 8px;font-size:11px}.search-box{border:1px solid var(--border-strong);height:34px;transition:border-color var(--trans), box-shadow var(--trans);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex;box-shadow:0 1px 2px #0f172a0a}.search-box:hover{border-color:#94a3b8}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #05966926}.search-box-icon{color:#64748b;transition:color var(--trans);flex-shrink:0}.search-box:focus-within .search-box-icon{color:var(--accent)}.search-box-input{color:#0f172a;width:100%;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;outline:none;font-weight:500}.search-box-input::placeholder{color:var(--text-muted);font-size:11.5px}.search-box-clear{color:#64748b;cursor:pointer;width:18px;height:18px;transition:all var(--trans);background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.search-box-clear:hover{color:#ef4444;background:#fee2e2}.search-box-badge{color:#047857;white-space:nowrap;font-size:10px;font-weight:700;font-family:var(--font-mono);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;padding:1px 6px}.btn{font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--trans);white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 13px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);border:1px solid #0000;box-shadow:0 2px 6px #05966940;color:#fff!important}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px #05966959;color:#fff!important}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#334155;border:1px solid var(--border-strong);background:#fff;box-shadow:0 1px 2px #00000008}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover{color:#be123c;background:#fee2e2}.btn-danger.text-white,.btn-danger.bg-danger,.btn-danger-solid{color:#fff!important;background:#e11d48!important;border-color:#be123c!important}.btn-danger.text-white:hover,.btn-danger.bg-danger:hover,.btn-danger-solid:hover{color:#fff!important;background:#be123c!important;border-color:#9f1239!important}.text-white{color:#fff!important}.bg-danger{color:#fff!important;background-color:#e11d48!important}.btn-ghost{color:var(--text-secondary);background:0 0;padding:7px 10px}.btn-ghost:hover{color:#0f172a;background:#f1f5f9}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sm{padding:5px 10px;font-size:11.5px}.btn-icon{padding:8px}.pill{letter-spacing:.03em;font-size:11px;font-weight:700;font-family:var(--font-sans);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.pill-ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.pill-warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.pill-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.pill-accent{background:var(--accent-dim);color:var(--accent-bright);border:1px solid var(--border-accent)}.pill-muted{color:#475569;border:1px solid var(--border);background:#f1f5f9}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.center{text-align:center}.right{text-align:right}.left{text-align:left}.empty-state{text-align:center;background:var(--bg-card);border:2px dashed var(--border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-layout{background:radial-gradient(circle at 10% 20%, #0596690f 0%, transparent 45%), radial-gradient(circle at 90% 80%, #0478570d 0%, transparent 50%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-card{border:1px solid var(--border);z-index:1;background:#fff;border-radius:18px;width:100%;max-width:420px;padding:38px;position:relative;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a}.auth-logo{text-align:center;margin-bottom:26px}.auth-logo-icon{width:60px;height:60px;box-shadow:none;color:#047857;background:0 0;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 12px;padding:0;font-size:24px;display:flex;overflow:hidden}.auth-logo-icon img{object-fit:contain;width:100%;height:100%;display:block}.auth-logo h1{letter-spacing:-.02em;color:#0f172a;font-size:22px;font-weight:800}.auth-logo p{color:var(--text-secondary);margin-top:4px;font-size:13px}.auth-link{color:var(--accent-bright);transition:color var(--trans);font-size:13px;font-weight:600;text-decoration:none}.auth-link:hover{color:var(--accent);text-decoration:underline}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(10px,1.5vw,16px);display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(10px,1.5vw,16px);display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(10px,1.5vw,16px);display:grid}.grid-5{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:clamp(8px,1.2vw,14px);display:grid}.grid-6{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:clamp(8px,1vw,12px);display:grid}.grid-sidebar{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:clamp(12px,2vw,20px);display:grid}.grid-responsive-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;display:grid}.dashboard-widgets-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(12px,1.8vw,18px);margin-bottom:24px;display:grid}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.w-full{width:100%}.h-full{height:100%}.period-picker{border:1px solid var(--border-strong);box-sizing:border-box;background:#fff;border-radius:9px;align-items:center;gap:8px;max-width:100%;padding:6px 12px;display:flex}.period-picker span{color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;font-size:11.5px;font-weight:600}.period-picker input[type=date]{color:#0f172a;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;outline:none;max-width:100%;font-size:12.5px;font-weight:600}.loading-spinner{color:var(--text-secondary);justify-content:center;align-items:center;padding:clamp(30px,6vw,60px);font-size:13.5px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-right:10px;animation:.8s linear infinite spin}.empty-state{text-align:center;color:var(--text-secondary);padding:clamp(30px,6vw,60px) 20px}.empty-state svg{opacity:.35;margin:0 auto 14px}.empty-state h3{color:var(--text-primary);margin-bottom:6px;font-size:clamp(14px,2vw,16px);font-weight:600}.mini-card{border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all var(--trans);box-sizing:border-box;background:#fff;border-radius:10px;padding:14px 16px}.mini-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.mini-label{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.mini-value{font-family:var(--font-mono);color:#0f172a;font-size:16px;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.fade-in{animation:.2s forwards fadeIn}.val-ok{color:var(--ok)}.val-warn{color:var(--warn)}.val-danger{color:var(--danger)}.val-accent{color:var(--accent-bright)}.val-muted{color:var(--text-secondary)}.recipe-list{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.recipe-item{width:100%;color:var(--text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);transition:background var(--trans);background:0 0;padding:12px 14px;display:block}.recipe-item:last-child{border-bottom:none}.recipe-item:hover{background:#f8fafc}.recipe-item.active{border-left:3px solid var(--accent);background:#ecfdf5}.recipe-item-name{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:600}.recipe-item-price{font-size:11.5px;font-family:var(--font-mono);color:var(--accent)}.page-header-wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-titles{flex:260px;min-width:0}.page-header-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mobile-topbar{border-bottom:1px solid var(--border);z-index:900;box-sizing:border-box;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:none;position:sticky;top:0}.mobile-topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-topbar-user{flex-shrink:0;align-items:center;display:flex}.mobile-close-btn,.sidebar-close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover,.mobile-close-btn:hover{color:#0f172a;border-color:var(--border);background:#f1f5f9}.sidebar-toggle-btn{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.sidebar-toggle-btn.collapsed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);background:#0f172a73;animation:.2s ease-out fadeIn;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100040!important}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;z-index:99990!important;box-sizing:border-box!important;background:#0f172a80!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:clamp(8px,2.5vw,24px)!important;animation:.15s ease-out modalFadeIn!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.modal-overlay.modal-overlay-top,.modal-overlay-top{z-index:99999!important}@media (min-width:769px){.app-layout:has(.sidebar:not(.collapsed)) .modal-overlay{left:var(--sidebar-w,256px)!important;width:calc(100vw - var(--sidebar-w,256px))!important}.app-layout:has(.sidebar:not(.collapsed)) .modal-backdrop{left:var(--sidebar-w,256px)!important;width:calc(100vw - var(--sidebar-w,256px))!important}body:has(.sidebar:not(.collapsed)) .modal-overlay{left:var(--sidebar-w,256px)!important;width:calc(100vw - var(--sidebar-w,256px))!important}body:has(.sidebar:not(.collapsed)) .modal-backdrop{left:var(--sidebar-w,256px)!important;width:calc(100vw - var(--sidebar-w,256px))!important}.app-layout:has(.sidebar.collapsed) .modal-overlay{width:100vw!important;left:0!important}.app-layout:has(.sidebar.collapsed) .modal-backdrop{width:100vw!important;left:0!important}body:has(.sidebar.collapsed) .modal-overlay{width:100vw!important;left:0!important}body:has(.sidebar.collapsed) .modal-backdrop{width:100vw!important;left:0!important}}.modal,.modal-content,.modal.card,.modal-card,.modal-dialog{border:1px solid var(--border)!important;width:100%!important;max-width:min(100%, var(--modal-max-w,1020px))!important;z-index:99995!important;box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border-radius:clamp(12px,2vw,16px)!important;flex-direction:column!important;max-height:min(94vh,100dvh - 20px)!important;margin:auto!important;animation:.18s cubic-bezier(.16,1,.3,1) slideUp!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important}.modal-xs{--modal-max-w:580px!important}.modal-sm{--modal-max-w:760px!important}.modal-md{--modal-max-w:980px!important}.modal-lg{--modal-max-w:1260px!important}.modal-xl{--modal-max-w:1460px!important}.modal-2xl{--modal-max-w:1680px!important}.modal-full{--modal-max-w:98vw!important}.modal-receipt{--modal-max-w:460px!important}.modal:has(.thermal-receipt-preview){--modal-max-w:460px!important}.modal-content:has(.thermal-receipt-preview){--modal-max-w:460px!important}.modal-card:has(.thermal-receipt-preview){--modal-max-w:460px!important}.modal-content form,.modal-card form,.modal form,.modal-dialog form{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.modal-header{flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--border)!important;box-sizing:border-box!important;background:#fff!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:clamp(14px,2vw,20px) clamp(18px,2.5vw,26px)!important;display:flex!important}.modal-title{color:#0f172a!important;font-size:clamp(14px,2vw,16.5px)!important;font-weight:700!important}.modal-close,.btn-close,.modal-close-btn,.modal-header .btn-icon:not(.btn-primary):not(.btn-secondary){width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;color:var(--text-secondary,#64748b)!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;line-height:1!important;transition:all .18s!important;display:inline-flex!important}.modal-close:hover,.btn-close:hover,.modal-close-btn:hover,.modal-header .btn-icon:not(.btn-primary):not(.btn-secondary):hover{background:var(--bg-surface-elevated,#f1f5f9)!important;color:#ef4444!important;border-color:#ef444433!important;transform:scale(1.05)!important}.modal-close:active,.btn-close:active,.modal-close-btn:active,.modal-header .btn-icon:not(.btn-primary):not(.btn-secondary):active{transform:scale(.95)!important}.modal-close:disabled,.btn-close:disabled,.modal-close-btn:disabled{opacity:.35!important;cursor:not-allowed!important;transform:none!important}[data-theme=dark] .modal-close,[data-theme=dark] .btn-close,[data-theme=dark] .modal-close-btn,.dark .modal-close,.dark .btn-close,.dark .modal-close-btn{color:#94a3b8!important}[data-theme=dark] .modal-close:hover,[data-theme=dark] .btn-close:hover,[data-theme=dark] .modal-close-btn:hover,.dark .modal-close:hover,.dark .btn-close:hover,.dark .modal-close-btn:hover{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}.modal-body{background:#fff;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:auto!important;min-height:0!important;padding:clamp(18px,2.5vw,26px)!important;overflow:hidden auto!important}.modal-footer,.modal-actions{border-top:1px solid var(--border)!important;box-sizing:border-box!important;background:#f8fafc!important;flex-wrap:wrap!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:clamp(12px,2vw,18px) clamp(18px,2.5vw,26px)!important;display:flex!important}.modal:not(:has(.modal-header)):not(:has(.modal-body)){box-sizing:border-box!important;padding:clamp(18px,2.5vw,26px)!important}.modal-content:not(:has(.modal-header)):not(:has(.modal-body)){box-sizing:border-box!important;padding:clamp(18px,2.5vw,26px)!important}.modal-card:not(:has(.modal-header)):not(:has(.modal-body)){box-sizing:border-box!important;padding:clamp(18px,2.5vw,26px)!important}.modal-dialog:not(:has(.modal-header)):not(:has(.modal-body)){box-sizing:border-box!important;padding:clamp(18px,2.5vw,26px)!important}.modal>form:not(:has(.modal-body)){box-sizing:border-box!important;flex:auto!important;padding:clamp(18px,2.5vw,26px)!important;overflow-y:auto!important}.modal-content>form:not(:has(.modal-body)){box-sizing:border-box!important;flex:auto!important;padding:clamp(18px,2.5vw,26px)!important;overflow-y:auto!important}.modal-card>form:not(:has(.modal-body)){box-sizing:border-box!important;flex:auto!important;padding:clamp(18px,2.5vw,26px)!important;overflow-y:auto!important}.modal-dialog>form:not(:has(.modal-body)){box-sizing:border-box!important;flex:auto!important;padding:clamp(18px,2.5vw,26px)!important;overflow-y:auto!important}.modal-kpi-5-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;display:grid}.modal-form-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.modal-form-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:initial}.show-mobile{display:none!important}.hide-tablet{display:initial}.top-header-bar{border:1px solid var(--border);box-shadow:var(--shadow-card);box-sizing:border-box;background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;width:100%;min-height:54px;margin-bottom:20px;padding:8px 16px;display:flex}.top-header-left{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.top-header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.top-header-business-badge{border:1px solid var(--border);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;max-width:280px;padding:4px 10px 4px 4px;display:inline-flex}.top-header-business-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:13px;font-weight:700;overflow:hidden}.top-header-pkg-badge{color:#047857;text-transform:uppercase;letter-spacing:.04em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:9.5px;font-weight:800}.top-header-outlet-select{border:1px solid var(--border);color:#0f172a;cursor:pointer;background:#fff;border-radius:9px;min-width:135px;max-width:195px;height:36px;padding:6px 10px;font-size:12.5px;font-weight:600;transition:all .15s}.top-header-outlet-select:hover,.top-header-outlet-select:focus{border-color:#047857;outline:none}.top-header-tenant-select{border:1px solid var(--border);color:#0f172a;cursor:pointer;background:#fff;border-radius:9px;max-width:180px;height:36px;padding:6px 10px;font-size:12px;font-weight:600}.top-header-date-picker .date-picker-trigger{border:1px solid var(--border-strong)!important;color:#0f172a!important;background:#fff!important;border-radius:9px!important;align-items:center!important;gap:6px!important;height:36px!important;padding:6px 10px!important;font-size:12px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.top-header-date-picker .date-picker-trigger:hover{border-color:var(--accent)!important;background:#f8fafc!important}.date-picker-popover{background:var(--bg-surface-elevated,#fff)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg,0 20px 25px -5px #0003)!important;opacity:1!important;z-index:99999!important;box-sizing:border-box!important;border-radius:12px!important;max-width:calc(100vw - 24px)!important}.top-header-coin-badge{color:#92400e;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #f59e0b66;border-radius:9px;align-items:center;gap:7px;height:36px;padding:5px 12px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #f59e0b1a}.top-header-coin-badge:hover{border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b40}.top-header-coin-badge .coin-icon{color:#d97706;filter:drop-shadow(0 1px 1px #d9770640);flex-shrink:0}.top-header-coin-badge .coin-amount{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em;color:#78350f;font-weight:800}.top-header-coin-badge .coin-unit{color:#92400e;margin-right:2px;font-size:11px;font-weight:600}.top-header-coin-badge .coin-remaining-tx{opacity:.85;color:#b45309;font-size:11px;font-weight:600}.top-header-coin-badge.unlimited{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#34d399;box-shadow:0 1px 4px #10b98126}.top-header-coin-badge.unlimited:hover{border-color:#059669;box-shadow:0 4px 12px #10b98140}.top-header-coin-badge.unlimited .coin-icon{color:#10b981;filter:drop-shadow(0 1px 2px #10b9814d)}.top-header-coin-badge.unlimited .coin-amount{color:#047857}.top-header-coin-badge.unlimited .coin-remaining-tx{color:#059669;font-weight:700}.top-header-coin-badge.low{color:#854d0e;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border-color:#eab308;animation:2.5s infinite coinPulseAnim}.top-header-coin-badge.out{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444;animation:1.8s infinite coinBlinkAnim}.top-header-coin-badge.out .coin-icon,.top-header-coin-badge.out .coin-amount{color:#dc2626}.top-header-coin-badge.platform-admin{border-color:var(--border-strong);color:#334155;box-shadow:none;background:#f1f5f9}.top-header-coin-badge.platform-admin:hover{background:#e2e8f0;border-color:#94a3b8}@keyframes coinPulseAnim{0%,to{box-shadow:0 0 #eab30873}50%{box-shadow:0 0 0 4px #eab30800}}@keyframes coinBlinkAnim{0%,to{opacity:1;border-color:#ef4444}50%{opacity:.75;border-color:#f87171}}@media (max-width:1440px){.top-header-coin-badge .coin-remaining-tx{display:none}}.top-header-reset-btn{cursor:pointer;color:var(--text-primary);white-space:nowrap;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:5px 9px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #ef44441a}.top-header-reset-btn:hover{background:#ef444429;border-color:#ef4444;transform:translateY(-1px)}.top-header-reset-btn .reset-dev-tag{color:#fff;letter-spacing:.04em;background:#ef4444;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1.2}@media (max-width:1280px){.top-header-reset-btn .reset-label{display:none}}.top-header-isolated-badge{color:var(--text-secondary);border:1px solid var(--border);background:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.responsive-flex-wrap{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:1024px){.app-layout{flex-direction:column;height:100dvh}.mobile-topbar{display:flex}.sidebar-toggle-btn{display:none}.sidebar{width:min(85vw,300px);transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 40px #00000026;z-index:100050!important}.sidebar.open{visibility:visible!important;transform:translate(0)!important}.main-content{box-sizing:border-box;max-width:100vw;height:calc(100dvh - 56px);padding:clamp(14px,2vw,22px)}.grid-sidebar{grid-template-columns:1fr}.hide-tablet{display:none!important}.period-picker{flex-wrap:wrap}.page-header-wrap{flex-direction:column;align-items:stretch;gap:12px}.page-header-action{justify-content:flex-start}.top-header-bar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}.top-header-left{justify-content:space-between;gap:10px;width:100%}.top-header-right{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;margin-left:0}.top-header-outlet-select{flex:140px;min-width:130px;max-width:100%}.top-header-business-badge{padding:4px 10px}.top-header-business-name{max-width:180px;font-size:12px}}@media (max-width:768px){.main-content{padding:12px 14px 24px}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr}.page-header{margin-bottom:18px}.page-header h2{font-size:clamp(18px,4vw,22px)}.page-header p{font-size:12.5px;line-height:1.5}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-card{padding:14px 16px}.stat-value{font-size:22px}.table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;max-width:100%;overflow-x:auto}th{letter-spacing:.05em;white-space:nowrap;padding:10px;font-size:10px}td{padding:10px;font-size:12.5px}.card{border-radius:12px;padding:clamp(14px,2.5vw,20px)}.modal,.modal-content,.modal-card,.modal.card,.modal-dialog{max-width:min(96vw, var(--modal-max-w,960px))!important}.btn{min-height:40px;padding:9px 14px;font-size:12.5px}.btn-sm{min-height:34px;padding:5px 10px;font-size:11.5px}.form-control{min-height:42px;padding:10px 12px;font-size:14px}select.form-control{min-height:42px}.period-picker{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.period-picker span{font-size:11px}.period-picker input[type=date]{width:100%;padding:6px 4px;font-size:13px}.top-header-bar{border-radius:12px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;padding:10px 12px}.top-header-left{gap:8px}.top-header-right{flex-direction:column;align-items:stretch;gap:8px}.top-header-outlet-select,.top-header-tenant-select{width:100%;max-width:100%}.top-header-icon{width:32px;height:32px}.top-header-outlet-name{font-size:13px}.top-header-business-badge{justify-content:center;width:100%}.mini-card{padding:12px 14px}.mini-value{font-size:14px}.loading-spinner{padding:40px}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pos-menu-card{padding:12px}.pos-menu-icon{width:38px;height:38px;margin-bottom:10px}.pos-cart-list{gap:8px;max-height:300px;padding:10px 12px}.pos-cart-header{padding:12px 14px}.empty-state{padding:40px 16px}}@media (max-width:640px){.main-content{padding:10px 10px 24px}.page-header h2{font-size:20px}.page-header p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.stat-cards{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-label{letter-spacing:.04em;margin-bottom:6px;font-size:10px}.stat-value{font-size:18px}.stat-sub{font-size:10px}.card{border-radius:11px;padding:14px}.btn{min-height:38px;padding:8px 12px;font-size:12px}.btn-sm{min-height:32px;padding:4px 8px;font-size:11px}th,td{padding:8px;font-size:11.5px}th{font-size:9.5px}.auth-card{border-radius:16px;margin:14px;padding:28px 20px}.modal-overlay,.modal-backdrop{align-items:center!important;padding:8px!important}.modal,.modal-content,.modal-card,.modal.card,.modal-dialog{border-radius:14px!important;width:100%!important;max-width:98vw!important;max-height:94dvh!important;margin:0!important;animation:.18s cubic-bezier(.16,1,.3,1) slideUp!important}.modal-header{z-index:10;background:#fff;flex-wrap:wrap;gap:8px;position:sticky;top:0;padding:12px 14px!important}.modal-body{-webkit-overflow-scrolling:touch!important;padding:12px 14px!important;overflow-y:auto!important}.modal-footer{z-index:10;background:#f8fafc;flex-wrap:wrap;gap:8px;position:sticky;bottom:0;padding:10px 14px!important}.modal-title{font-size:14px!important}.form-control,select.form-control,.input{min-height:44px;font-size:16px}.search-box{height:42px}.search-box-input{font-size:16px}.top-header-bar{padding:10px}.top-header-right select{padding:8px 10px;font-size:13px}.pos-cart-panel{border-radius:12px}.pos-floating-mobile-bar{padding:8px 12px;bottom:10px;left:10px;right:10px}.pos-floating-bar-badge{padding:4px 8px;font-size:11px}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.pos-menu-card{border-radius:10px;padding:10px}.pos-menu-icon{width:32px;height:32px;margin-bottom:6px}.modal-kpi-5-grid,.modal-form-grid-2,.modal-form-grid-3{grid-template-columns:1fr;gap:8px}}.pos-category-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--trans);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.pos-category-pill:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong);color:var(--text-primary)}.pos-category-pill.active{background:var(--accent);border-color:var(--accent);font-weight:700;box-shadow:0 2px 8px #05966947;color:#fff!important}.pos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.pos-menu-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pos-menu-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #0596691f}.pos-menu-card.in-cart{border-color:var(--accent);background:#10b98114}.pos-menu-card.sold-out{opacity:.8;background:#ef44440f;border-color:#ef444440}.pos-stock-badge{border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.pos-stock-badge.sold-out{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.pos-stock-badge.low-stock{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.pos-stock-badge.in-stock{color:var(--ok);background:#10b98126;border:1px solid #10b9814d}.pos-menu-badge{background:var(--accent-gradient);color:#fff;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #05966940}.pos-menu-icon{width:44px;height:44px;color:var(--accent);background:#10b9811f;border:1px solid #10b98140;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:20px;display:flex}.pos-mobile-tabs{border:1px solid var(--border);background:#f1f5f9;border-radius:12px;gap:8px;margin-bottom:14px;padding:4px;display:none}@media (max-width:840px){.pos-mobile-tabs{display:flex}}.pos-mobile-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.pos-mobile-tab-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #05966940}.pos-mobile-tab-btn .badge-count{font-size:10.5px;font-family:var(--font-mono);background:#00000014;border-radius:10px;padding:1px 7px}.pos-mobile-tab-btn .badge-count.cart-active{color:#047857;background:#fff;font-weight:800}.pos-floating-mobile-bar{display:none}@media (max-width:840px){.pos-floating-mobile-bar{border:1px solid var(--border-strong);z-index:1000;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;animation:.2s ease-out slideUp;display:flex;position:fixed;bottom:16px;left:14px;right:14px;box-shadow:0 10px 25px #0000001f}}.pos-floating-bar-info{align-items:center;gap:12px;display:flex}.pos-floating-bar-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.pos-floating-bar-price{flex-direction:column;display:flex}.pos-cart-header{border-bottom:1px solid var(--border);background:0 0;padding:0 0 12px}.pos-cart-list{flex-direction:column;gap:8px;max-height:380px;padding:12px 4px;display:flex;overflow-y:auto}.pos-qty-btn{border:1px solid var(--border);background:var(--bg-card);width:26px;height:26px;color:var(--text-primary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.pos-quick-cash-btn{background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s}.pos-quick-cash-btn:hover{border-color:var(--accent);color:var(--accent-bright);background:#10b98126}.pos-table-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.pos-table-grid{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.pos-table-chip{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.pos-table-chip:hover{background:var(--bg-surface-elevated);border-color:var(--border-strong);color:var(--text-primary)}.pos-table-chip.vacant.selected{border-color:var(--accent);color:var(--accent-bright);background:#10b98126;box-shadow:0 0 8px #05966933}.pos-table-chip.occupied{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.pos-table-chip.occupied:hover{background:#f59e0b40;border-color:#f59e0b}.pos-openbill-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .2s;display:flex}.pos-openbill-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 14px #f59e0b26}.helpdesk-floating-btn{z-index:9999;color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:1.5px solid #fff6;border-radius:50px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 18px #25d36666}.helpdesk-floating-btn:hover{color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #25d36680!important}.helpdesk-floating-btn:active{transform:translateY(-1px)scale(.98)}.swal2-container{z-index:10000!important}.mova-swal-popup{border:1px solid var(--border)!important;font-family:var(--font-sans)!important;background:#fff!important;border-radius:16px!important;padding:24px 28px!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important}.mova-swal-popup-danger{border-color:#fecdd3!important}.mova-swal-title{color:#0f172a!important;padding:0 0 10px!important;font-size:18px!important;font-weight:700!important;line-height:1.4!important}.mova-swal-html{color:#475569!important;margin:0!important;font-size:13.5px!important;line-height:1.55!important}.mova-swal-actions{justify-content:flex-end!important;gap:10px!important;width:100%!important;margin-top:20px!important;display:flex!important}.mova-swal-btn{cursor:pointer!important;border:none!important;border-radius:9px!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:9px 18px!important;font-size:13.5px!important;font-weight:600!important;transition:all .18s!important;display:inline-flex!important}.mova-swal-btn-confirm{background:var(--accent-gradient)!important;color:#fff!important;box-shadow:0 2px 6px #05966940!important}.mova-swal-btn-confirm:hover{background:var(--accent-gradient-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #05966959!important}.mova-swal-btn-danger{color:#fff!important;background:#e11d48!important;box-shadow:0 2px 6px #e11d4840!important}.mova-swal-btn-danger:hover{background:#be123c!important;transform:translateY(-1px)!important}.mova-swal-btn-cancel{color:#475569!important;border:1px solid var(--border-strong)!important;background:#f1f5f9!important}.mova-swal-btn-cancel:hover{color:#0f172a!important;background:#e2e8f0!important}.mova-swal-icon{margin:10px auto 14px!important;transform:scale(.9)!important}.thermal-receipt-preview{color:#111827;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;background:#fff;border-radius:6px;width:320px;max-width:100%;margin:0 auto;padding:18px 14px;font-size:11.5px;line-height:1.4;box-shadow:0 4px 14px #0000001a;font-family:var(--font-sans)!important}@media print{html,body,#root,.app-layout,.main-content{filter:none!important;color:#0f172a!important;background:#fff!important;height:auto!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important;transform:none!important}.sidebar,.mobile-topbar,.page-header,.page-header-action,.pos-cart-panel,.pos-category-pill,.btn,button,.no-print,.modal-header .btn,.modal-footer{display:none!important}.modal-backdrop,.modal-overlay{-webkit-backdrop-filter:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.modal-content{box-shadow:none!important;background:0 0!important;border:none!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;animation:none!important;position:static!important;overflow:visible!important}body *{visibility:hidden}#printable-berita-acara,#printable-berita-acara *,#printable-surat-jalan,#printable-surat-jalan *,#printable-stock-card,#printable-stock-card *,.printable-document,.printable-document *{visibility:visible!important}#printable-berita-acara,#printable-surat-jalan,#printable-stock-card,.printable-document{color:#0f172a!important;width:100%!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;margin:0!important;padding:10mm!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.thermal-receipt-preview,.thermal-receipt-preview *,#printable-kitchen-chit,#printable-kitchen-chit *,#printable-prebill,#printable-prebill *{visibility:visible!important}.thermal-receipt-preview,#printable-kitchen-chit,#printable-prebill{width:78mm!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:2mm 3mm!important;font-size:10pt!important;position:absolute!important;top:0!important;left:0!important}*,:before,:after{-webkit-print-color-adjust:exact!important;-moz-print-color-adjust:exact!important;print-color-adjust:exact!important}table{border-collapse:collapse!important;width:100%!important}tr{page-break-inside:avoid!important}@page{size:auto;margin:8mm}}select option{background:var(--bg-surface,#fff)!important;color:var(--text-primary,#0f172a)!important}[data-theme=light] select option,:root:not([data-theme=dark]) select option{color:#0f172a!important;background:#fff!important}[data-theme=light] .card,[data-theme=light] .card-glass,[data-theme=light] .modal-content,[data-theme=light] .modal-card,[data-theme=light] .modal-body,[data-theme=light] .modal-header,:root:not([data-theme=dark]) .card,:root:not([data-theme=dark]) .card-glass,:root:not([data-theme=dark]) .modal-content,:root:not([data-theme=dark]) .modal-card{background:var(--bg-card,#fff);color:var(--text-primary,#0f172a)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] select option{color:#f8fafc!important;background:#111827!important}[data-theme=dark] body,[data-theme=dark] html,[data-theme=dark] #root,[data-theme=dark] .app-layout,[data-theme=dark] .main-content{background:var(--bg-base)!important;color:var(--text-primary)!important}[data-theme=dark] .sidebar{background:var(--bg-surface)!important;border-right:1px solid var(--border)!important;box-shadow:1px 0 10px #0006!important}[data-theme=dark] .sidebar-logo{border-bottom:1px solid var(--border)!important}[data-theme=dark] .sidebar-logo h1{color:var(--text-primary)!important}[data-theme=dark] .sidebar-footer{border-top:1px solid var(--border)!important;background:#0d1320!important}[data-theme=dark] .sidebar-user-name{color:var(--text-primary)!important}[data-theme=dark] .mobile-topbar{background:var(--bg-surface)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .mobile-topbar-brand span:first-of-type{color:var(--text-primary)!important}[data-theme=dark] .top-header-bar{background:var(--bg-surface)!important;border:1px solid var(--border)!important}[data-theme=dark] .top-header-business-badge{border:1px solid var(--border)!important;background:#0d1320!important}[data-theme=dark] .top-header-business-name{color:var(--text-primary)!important}[data-theme=dark] .top-header-fixed-outlet{border:1px solid var(--border)!important;color:var(--text-primary)!important;background:#0d1320!important}[data-theme=dark] .top-header-outlet-select,[data-theme=dark] .top-header-tenant-select,[data-theme=dark] .top-header-date-picker .date-picker-trigger{background:var(--bg-surface-elevated)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important}[data-theme=dark] .top-header-coin-badge{color:#fef3c7!important;background:linear-gradient(135deg,#451a0373 0%,#78350f4d 100%)!important;border-color:#f59e0b66!important}[data-theme=dark] .top-header-coin-badge .coin-icon{color:#fbbf24!important}[data-theme=dark] .top-header-coin-badge .coin-amount{color:#fde68a!important}[data-theme=dark] .top-header-coin-badge .coin-unit,[data-theme=dark] .top-header-coin-badge .coin-remaining-tx{color:#f59e0b!important}[data-theme=dark] .top-header-coin-badge.unlimited{color:#a7f3d0!important;background:linear-gradient(135deg,#064e3b80 0%,#065f464d 100%)!important;border-color:#059669!important}[data-theme=dark] .top-header-coin-badge.unlimited .coin-icon{color:#34d399!important}[data-theme=dark] .top-header-coin-badge.unlimited .coin-amount,[data-theme=dark] .top-header-coin-badge.unlimited .coin-remaining-tx{color:#6ee7b7!important}[data-theme=dark] .top-header-coin-badge.low{color:#fef08a!important;background:linear-gradient(135deg,#713f1299 0%,#a1620766 100%)!important;border-color:#f59e0b!important}[data-theme=dark] .top-header-coin-badge.out{color:#fecaca!important;background:linear-gradient(135deg,#7f1d1d99 0%,#991b1b66 100%)!important;border-color:#ef4444!important}[data-theme=dark] .top-header-coin-badge.out .coin-icon,[data-theme=dark] .top-header-coin-badge.out .coin-amount{color:#f87171!important}[data-theme=dark] .top-header-coin-badge.platform-admin{background:var(--bg-surface-elevated)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}[data-theme=dark] .top-header-reset-btn{color:#fca5a5!important;background:#ef444426!important;border-color:#ef444466!important}[data-theme=dark] .nav-item{color:var(--text-secondary)!important}[data-theme=dark] .nav-item:hover{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .nav-item.active{color:#fff!important;background:#059669!important;border-color:#059669!important}[data-theme=dark] .nav-dropdown-btn{color:var(--text-secondary)!important}[data-theme=dark] .nav-dropdown-btn:hover{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .nav-dropdown-btn.has-active-child{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}[data-theme=dark] .nav-sub-item{color:var(--text-secondary)!important}[data-theme=dark] .nav-sub-item:hover{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .nav-sub-item.active{color:#34d399!important;background:#10b98133!important;border-color:#10b98159!important}[data-theme=dark] .nav-submenu-list{border-left-color:var(--border-strong)!important}[data-theme=dark] .card,[data-theme=dark] .card-glass,[data-theme=dark] .stat-card,[data-theme=dark] .mini-card,[data-theme=dark] .recipe-list{background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .page-header h2,[data-theme=dark] .stat-value,[data-theme=dark] .mini-value{color:var(--text-primary)!important}[data-theme=dark] .table-wrap,[data-theme=dark] .table-responsive{background:var(--bg-card)!important;border:1px solid var(--border)!important}[data-theme=dark] thead tr,:root.dark thead tr,body.dark thead tr{border-bottom:2px solid var(--border)!important;background:#0d1320!important}[data-theme=dark] th,:root.dark th,body.dark th{color:var(--text-secondary)!important;border-bottom:2px solid var(--border)!important}[data-theme=dark] td,:root.dark td,body.dark td{border-bottom:1px solid var(--border)!important;color:#e2e8f0!important}[data-theme=dark] table tbody tr:nth-child(2n),:root.dark table tbody tr:nth-child(2n),body.dark table tbody tr:nth-child(2n),[data-theme=dark] .table-striped tbody tr:nth-child(2n),:root.dark .table-striped tbody tr:nth-child(2n),body.dark .table-striped tbody tr:nth-child(2n){background-color:#ffffff07!important}[data-theme=dark] table tbody tr:nth-child(odd),:root.dark table tbody tr:nth-child(odd),body.dark table tbody tr:nth-child(odd),[data-theme=dark] .table-striped tbody tr:nth-child(odd),:root.dark .table-striped tbody tr:nth-child(odd),body.dark .table-striped tbody tr:nth-child(odd){background-color:#0000!important}[data-theme=dark] table tbody tr:hover,:root.dark table tbody tr:hover,body.dark table tbody tr:hover,[data-theme=dark] .table-striped tbody tr:hover,:root.dark .table-striped tbody tr:hover,body.dark .table-striped tbody tr:hover{background-color:var(--bg-surface-elevated,#1e293b)!important}[data-theme=dark] table tbody tr.selected,:root.dark table tbody tr.selected,body.dark table tbody tr.selected,[data-theme=dark] .table-striped tbody tr.selected,:root.dark .table-striped tbody tr.selected,body.dark .table-striped tbody tr.selected{background-color:#10b9812e!important}[data-theme=dark] .form-label{color:#cbd5e1!important}[data-theme=dark] .form-control,[data-theme=dark] .input,[data-theme=dark] select.form-control,[data-theme=dark] textarea.form-control{border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;background:#141c2e!important}[data-theme=dark] select.form-control option{color:#f8fafc!important;background:#111827!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #10b98133!important}[data-theme=dark] .search-box{border:1px solid var(--border-strong)!important;background:#141c2e!important}[data-theme=dark] .search-box-input{color:var(--text-primary)!important}[data-theme=dark] .search-box-clear{color:var(--text-secondary)!important;background:#1e293b!important}[data-theme=dark] .period-picker{border:1px solid var(--border-strong)!important;background:#141c2e!important}[data-theme=dark] .period-picker input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary)!important}[data-theme=dark] .btn-secondary{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important}[data-theme=dark] .btn-secondary:hover{border-color:var(--accent)!important;color:#fff!important;background:#283548!important}[data-theme=dark] .btn-ghost{color:var(--text-secondary)!important}[data-theme=dark] .btn-ghost:hover{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .modal.card,[data-theme=dark] .modal-card,[data-theme=dark] .modal-dialog{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:0 25px 50px -12px #000000b3!important}[data-theme=dark] .modal-header{background:var(--bg-surface)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .modal-title{color:var(--text-primary)!important}[data-theme=dark] .modal-body{background:var(--bg-surface)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-actions{border-top:1px solid var(--border)!important;background:#0d1320!important}[data-theme=dark] .date-picker-popover{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:0 25px 50px -12px #000000b3!important}[data-theme=dark] .tab-pill-group{border:1px solid var(--border)!important;background:#0d1320!important}[data-theme=dark] .tab-pill-btn{color:var(--text-secondary)!important}[data-theme=dark] .tab-pill-btn:hover{color:var(--text-primary)!important;background:#ffffff0d!important}[data-theme=dark] .tab-pill-btn.active{color:#fff!important;background:#059669!important;box-shadow:0 2px 8px #05966973!important}[data-theme=dark] .tab-pill-btn.active svg{color:#fff!important}[data-theme=dark] .tab-pill-badge{color:#cbd5e1!important;background:#1e293b!important}[data-theme=dark] .pill-muted{color:#cbd5e1!important;border-color:var(--border)!important;background:#1e293b!important}[data-theme=dark] .auth-card{background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:0 25px 50px -12px #0009!important}[data-theme=dark] .auth-logo h1{color:var(--text-primary)!important}[data-theme=dark] .mova-swal-popup{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:0 25px 50px -12px #000000b3!important}[data-theme=dark] .mova-swal-title{color:var(--text-primary)!important}[data-theme=dark] .mova-swal-html{color:var(--text-secondary)!important}[data-theme=dark] .mova-swal-btn-cancel{background:var(--bg-surface-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important}[data-theme=dark] .mova-swal-btn-cancel:hover{color:#fff!important;background:#283548!important}[data-theme=dark] .recipe-item{border-bottom:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .recipe-item:hover{background:var(--bg-surface-elevated)!important}[data-theme=dark] .recipe-item.active{background:#10b98126!important}[data-theme=dark] .recipe-item-name{color:var(--text-primary)!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#374151!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4b5563!important}.offline-sync-badge{-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.offline-sync-badge:hover{filter:brightness(1.05);transform:translateY(-1px)}.offline-sync-badge.is-offline{animation:2s ease-in-out infinite pulse-border-red}.offline-sync-badge.has-pending{animation:2s ease-in-out infinite pulse-border-amber}@keyframes pulse-border-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}@keyframes pulse-border-amber{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.animate-spin{animation:1s linear infinite spin}.pos-mobile-tabs{gap:8px;margin-bottom:14px;display:none}@media (max-width:900px){.pos-mobile-tabs{display:flex}}.pos-mobile-tab-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.pos-mobile-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pos-mobile-tab-btn .badge-count{color:inherit;background:#0000001a;border-radius:999px;padding:2px 7px;font-size:11px}.pos-mobile-tab-btn.active .badge-count{color:#fff;background:#ffffff40}.pos-container{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px;width:100%;display:grid}@media (max-width:1200px){.pos-container{grid-template-columns:minmax(0,1fr) 360px;gap:16px}}@media (max-width:900px){.pos-container{flex-direction:column;gap:16px;display:flex}.pos-catalog-column.mobile-hidden,.pos-cart-panel.mobile-hidden{display:none!important}}.pos-catalog-column{flex-direction:column;min-width:0;display:flex}.pos-cart-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;max-height:calc(100vh - 32px);padding:18px 18px 16px;display:flex;position:sticky;top:16px;overflow-y:auto}.pos-cart-header{margin-bottom:12px}.pos-cart-list{flex-direction:column;gap:8px;max-height:380px;margin-bottom:14px;padding-right:4px;display:flex;overflow-y:auto}.pos-cart-item{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:10px;padding:10px 12px;transition:all .15s}.pos-cart-item:hover{border-color:var(--border-strong)}.pos-qty-btn{background:var(--bg-card);border:1px solid var(--border);width:26px;height:26px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:flex}.pos-qty-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}