:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .45);--bg-input: #ffffff;--bg-countdown-block: #ffffff;--pb-purple: #7c3aed;--pb-purple-dark: #6d28d9;--pb-purple-light: #ede9fe;--pb-yellow: #f59e0b;--pb-yellow-light: #fef3c7;--gold-300: #fef3c7;--gold-400: #d97706;--gold-500: #b45309;--gold-600: #92400e;--gold-glow: rgba(217, 119, 6, .15);--rose-400: #fb7185;--rose-500: #e11d48;--rose-light: #ffe4e6;--emerald-400: #34d399;--emerald-500: #059669;--emerald-light: #d1fae5;--amber-400: #fbbf24;--amber-500: #d97706;--amber-light: #fef3c7;--crimson-400: #f87171;--crimson-500: #dc2626;--crimson-light: #fee2e2;--cyan-500: #0284c7;--cyan-light: #e0f2fe;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-gold: #b45309;--border-subtle: #e2e8f0;--border-bright: #cbd5e1;--border-glass: 1px solid #e2e8f0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--hero-banner-bg: linear-gradient(135deg, #ffffff 0%, #faf5ff 55%, #fffbeb 100%);--hero-banner-border: #e2e8f0;--hero-banner-shadow: 0 4px 20px -2px rgba(124, 58, 237, .08), 0 2px 6px -1px rgba(0, 0, 0, .04);--hero-title-color: #0f172a;--hero-subtitle-color: #334155;--hero-icon-color: #d97706;--hero-badge-gold-bg: #fef3c7;--hero-badge-gold-text: #92400e;--hero-badge-gold-border: #fcd34d;--hero-badge-amber-bg: #fef3c7;--hero-badge-amber-text: #b45309;--hero-badge-amber-border: #fde68a;--hero-badge-red-bg: #fee2e2;--hero-badge-red-text: #b91c1c;--hero-badge-red-border: #fca5a5;--hero-badge-green-bg: #d1fae5;--hero-badge-green-text: #065f46;--hero-badge-green-border: #6ee7b7;--hero-badge-purple-bg: #ede9fe;--hero-badge-purple-text: #5b21b6;--hero-badge-purple-border: #c4b5fd;--hero-badge-blue-bg: #e0f2fe;--hero-badge-blue-text: #0369a1;--hero-badge-blue-border: #7dd3fc;--hero-btn-red-bg: #fee2e2;--hero-btn-red-text: #b91c1c;--hero-btn-red-border: #ef4444;--hero-btn-red-hover: #fecaca;--hero-btn-purple-bg: #ede9fe;--hero-btn-purple-text: #5b21b6;--hero-btn-purple-border: #a78bfa;--hero-btn-purple-hover: #ddd6fe;--hero-btn-green-bg: #d1fae5;--hero-btn-green-text: #065f46;--hero-btn-green-border: #34d399;--hero-btn-green-hover: #a7f3d0;--hero-btn-blue-bg: #e0f2fe;--hero-btn-blue-text: #0369a1;--hero-btn-blue-border: #38bdf8;--hero-btn-blue-hover: #bae6fd}[data-theme=night]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #243046;--bg-overlay: rgba(5, 8, 16, .7);--bg-input: #151d2e;--bg-countdown-block: #151d2e;--pb-purple: #a78bfa;--pb-purple-dark: #8b5cf6;--pb-purple-light: rgba(139, 92, 246, .15);--pb-yellow: #fbbf24;--pb-yellow-light: rgba(251, 191, 36, .15);--gold-300: #fde68a;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-glow: rgba(245, 158, 11, .2);--rose-400: #fb7185;--rose-500: #f43f5e;--rose-light: rgba(244, 63, 94, .15);--emerald-400: #34d399;--emerald-500: #10b981;--emerald-light: rgba(16, 185, 129, .15);--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-light: rgba(245, 158, 11, .15);--crimson-400: #f87171;--crimson-500: #ef4444;--crimson-light: rgba(239, 68, 68, .15);--cyan-500: #38bdf8;--cyan-light: rgba(56, 189, 248, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-gold: #fbbf24;--border-subtle: #334155;--border-bright: #475569;--border-glass: 1px solid #334155;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .5);--hero-banner-bg: linear-gradient(135deg, rgba(30, 41, 59, .98) 0%, rgba(20, 26, 43, .98) 55%, rgba(46, 16, 101, .45) 100%);--hero-banner-border: rgba(167, 139, 250, .35);--hero-banner-shadow: 0 8px 30px rgba(0, 0, 0, .5);--hero-title-color: #ffffff;--hero-subtitle-color: #cbd5e1;--hero-icon-color: #fbbf24;--hero-badge-gold-bg: rgba(251, 191, 36, .18);--hero-badge-gold-text: #fde68a;--hero-badge-gold-border: rgba(251, 191, 36, .55);--hero-badge-amber-bg: rgba(245, 158, 11, .18);--hero-badge-amber-text: #fbbf24;--hero-badge-amber-border: rgba(245, 158, 11, .5);--hero-badge-red-bg: rgba(239, 68, 68, .22);--hero-badge-red-text: #fca5a5;--hero-badge-red-border: rgba(239, 68, 68, .6);--hero-badge-green-bg: rgba(16, 185, 129, .22);--hero-badge-green-text: #6ee7b7;--hero-badge-green-border: rgba(16, 185, 129, .6);--hero-badge-purple-bg: rgba(139, 92, 246, .25);--hero-badge-purple-text: #ddd6fe;--hero-badge-purple-border: rgba(167, 139, 250, .6);--hero-badge-blue-bg: rgba(56, 189, 248, .22);--hero-badge-blue-text: #bae6fd;--hero-badge-blue-border: rgba(56, 189, 248, .55);--hero-btn-red-bg: rgba(239, 68, 68, .18);--hero-btn-red-text: #fca5a5;--hero-btn-red-border: rgba(239, 68, 68, .55);--hero-btn-red-hover: rgba(239, 68, 68, .3);--hero-btn-purple-bg: rgba(139, 92, 246, .22);--hero-btn-purple-text: #ddd6fe;--hero-btn-purple-border: rgba(167, 139, 250, .55);--hero-btn-purple-hover: rgba(139, 92, 246, .35);--hero-btn-green-bg: rgba(16, 185, 129, .2);--hero-btn-green-text: #6ee7b7;--hero-btn-green-border: rgba(16, 185, 129, .55);--hero-btn-green-hover: rgba(16, 185, 129, .32);--hero-btn-blue-bg: rgba(56, 189, 248, .2);--hero-btn-blue-text: #bae6fd;--hero-btn-blue-border: rgba(56, 189, 248, .55);--hero-btn-blue-hover: rgba(56, 189, 248, .32)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:all .2s ease}.glass-panel-elevated{background:var(--bg-card);border:1px solid var(--border-bright);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.hero-banner-card{background:var(--hero-banner-bg);border:1px solid var(--hero-banner-border);box-shadow:var(--hero-banner-shadow);border-radius:16px;padding:22px 26px;transition:all .2s ease}.hero-banner-title{color:var(--hero-title-color)!important;font-weight:900;line-height:1.25}.hero-banner-subtitle{color:var(--hero-subtitle-color)!important;font-size:.86rem;font-weight:500}.hero-badge-gold{background:var(--hero-badge-gold-bg);color:var(--hero-badge-gold-text)!important;border:1px solid var(--hero-badge-gold-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-badge-amber{background:var(--hero-badge-amber-bg);color:var(--hero-badge-amber-text)!important;border:1px solid var(--hero-badge-amber-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-badge-red{background:var(--hero-badge-red-bg);color:var(--hero-badge-red-text)!important;border:1px solid var(--hero-badge-red-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-badge-green{background:var(--hero-badge-green-bg);color:var(--hero-badge-green-text)!important;border:1px solid var(--hero-badge-green-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-badge-purple{background:var(--hero-badge-purple-bg);color:var(--hero-badge-purple-text)!important;border:1px solid var(--hero-badge-purple-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-badge-blue{background:var(--hero-badge-blue-bg);color:var(--hero-badge-blue-text)!important;border:1px solid var(--hero-badge-blue-border);font-weight:800;border-radius:6px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;line-height:1.2}.hero-btn-red{background:var(--hero-btn-red-bg);color:var(--hero-btn-red-text)!important;border:1.5px solid var(--hero-btn-red-border);font-weight:800;padding:10px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;transition:all .15s ease}.hero-btn-red:hover{background:var(--hero-btn-red-hover);transform:translateY(-1px)}.hero-btn-purple{background:var(--hero-btn-purple-bg);color:var(--hero-btn-purple-text)!important;border:1.5px solid var(--hero-btn-purple-border);font-weight:800;padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;transition:all .15s ease}.hero-btn-purple:hover{background:var(--hero-btn-purple-hover);transform:translateY(-1px)}.hero-btn-green{background:var(--hero-btn-green-bg);color:var(--hero-btn-green-text)!important;border:1.5px solid var(--hero-btn-green-border);font-weight:800;padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;transition:all .15s ease}.hero-btn-green:hover{background:var(--hero-btn-green-hover);transform:translateY(-1px)}.hero-btn-blue{background:var(--hero-btn-blue-bg);color:var(--hero-btn-blue-text)!important;border:1.5px solid var(--hero-btn-blue-border);font-weight:800;padding:8px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;transition:all .15s ease}.hero-btn-blue:hover{background:var(--hero-btn-blue-hover);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:800;line-height:1.25}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.gold-gradient-text{background:linear-gradient(135deg,#7c3aed,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:900}[data-theme=night] .gold-gradient-text{background:linear-gradient(135deg,#f59e0b,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.pb-brand-logo{height:42px;width:auto;border-radius:8px;display:block;object-fit:contain}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#7c3aed;color:#fff;font-weight:700;font-size:.9rem;padding:9px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:0 2px 6px #7c3aed40;transition:all .15s ease}.btn-primary:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 10px #7c3aed59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-card);color:var(--text-secondary);font-weight:700;font-size:.86rem;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-bright);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-bright)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--crimson-light);color:var(--crimson-500);border:1px solid rgba(220,38,38,.25);padding:8px 14px;border-radius:var(--radius-sm);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:#dc262633}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--emerald-light);color:var(--emerald-500);border:1px solid rgba(5,150,105,.25);padding:8px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .15s ease}.btn-success:hover{background:#05966933}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;letter-spacing:.02em}.badge-urgent{background:var(--crimson-light);color:var(--crimson-500);border:1px solid rgba(220,38,38,.3)}.badge-warning{background:var(--amber-light);color:var(--amber-500);border:1px solid rgba(217,119,6,.3)}.badge-normal{background:var(--emerald-light);color:var(--emerald-500);border:1px solid rgba(5,150,105,.3)}.badge-completed{background:#f1f5f9;color:var(--text-muted);border:1px solid var(--border-subtle)}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;background:var(--emerald-light);border:1px solid rgba(5,150,105,.3);border-radius:var(--radius-full);font-size:.76rem;font-weight:700;color:var(--emerald-500)}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:liveBlink 1.8s infinite ease-in-out}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:5px}.form-label{font-size:.84rem;font-weight:700;color:var(--text-secondary)}.form-input,.form-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:all .15s ease}.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:8px 12px;min-height:40px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .15s ease}.form-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--pb-purple);box-shadow:0 0 0 3px #7c3aed1f}.table-responsive-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--bg-card);border:1px solid var(--border-subtle)}.modern-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}.modern-data-table th{background:#f1f5f9;color:var(--text-secondary);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:2px solid var(--border-subtle);white-space:nowrap}[data-theme=night] .modern-data-table th{background:#1e293b;color:var(--text-secondary);border-bottom:2px solid #334155}.modern-data-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;transition:background .15s ease}.modern-data-table tr.table-row-interactive{transition:all .15s ease}.modern-data-table tr.table-row-interactive:hover td{background:#f8fafc}[data-theme=night] .modern-data-table tr.table-row-interactive:hover td{background:#ffffff0a}.modern-data-table tr.table-row-highlight td{background:#fef3c7}.table-cake-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border-subtle);flex-shrink:0;transition:transform .2s ease}.table-cake-thumb:hover{transform:scale(1.3);box-shadow:0 4px 14px #00000026;z-index:10;position:relative}.table-order-pill{font-family:var(--font-mono);font-weight:800;font-size:.86rem;color:var(--pb-purple)}[data-theme=night] .table-order-pill{color:var(--gold-400)}.view-switcher-group{display:inline-flex;align-items:center;background:var(--bg-card);padding:3px;border-radius:8px;border:1px solid var(--border-subtle)}.view-switcher-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;font-size:.78rem;font-weight:700;border-radius:6px;border:none;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .15s ease}.view-switcher-btn.active{background:var(--pb-purple);color:#fff;box-shadow:0 2px 6px #7c3aed40}.menu-trigger-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:8px;background:#f1f5f9;border:1px solid var(--border-bright);color:var(--text-primary);font-weight:800;font-size:.86rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.menu-trigger-btn:hover{background:#e2e8f0;border-color:var(--text-secondary)}[data-theme=night] .menu-trigger-btn{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=night] .menu-trigger-btn:hover{background:#243046}.side-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .15s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.side-drawer-panel{position:fixed;top:0;left:0;bottom:0;width:640px;max-width:96vw;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);box-shadow:15px 0 50px #581c872e;z-index:1001;display:flex;flex-direction:column;animation:slideInLeft .22s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-drawer-panel-clean{position:fixed;top:0;left:0;bottom:0;width:310px;max-width:88vw;background:#fdfcff;border-right:1px solid #ede9fe;box-shadow:0 10px 40px #6d28d92e;display:flex;flex-direction:column;z-index:1001;animation:slideInLeft .22s cubic-bezier(.16,1,.3,1) forwards}[data-theme=night] .side-drawer-panel-clean{background:#0f0c1e;border-right-color:#2e1d4d;box-shadow:0 10px 40px #0009}.side-drawer-header{padding:16px 18px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,213,255,.4)}[data-theme=night] .side-drawer-header{border-bottom-color:#43276b66}.side-drawer-brand-pill{font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:9999px;background:#f3e8ff;color:#7c3aed;letter-spacing:-.01em}[data-theme=night] .side-drawer-brand-pill{background:#28194a;color:#c084fc}.side-drawer-content{flex:1;overflow-y:auto;padding:14px 14px 20px;display:flex;flex-direction:column;gap:12px}.side-drawer-section{display:flex;flex-direction:column;gap:3px}.side-drawer-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:left}.side-drawer-item:hover{background:#f5edff;color:#7c3aed}[data-theme=night] .side-drawer-item:hover{background:#20173d;color:#c084fc}.side-drawer-item-left{display:flex;align-items:center;gap:11px}.side-drawer-item.active-pill{background:#fff;border:1px solid #e9d5ff;color:#7c3aed;font-weight:800;box-shadow:0 4px 14px #7c3aed1f;border-radius:16px;padding:10px 14px}[data-theme=night] .side-drawer-item.active-pill{background:#1c1438;border-color:#6d28d9;color:#e9d5ff;box-shadow:0 4px 16px #00000080}.side-drawer-badge-purple{font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:6px;background:#ede9fe;color:#7c3aed}[data-theme=night] .side-drawer-badge-purple{background:#2e1d52;color:#c084fc}.side-drawer-badge-active{font-size:.72rem;font-weight:800;color:#7c3aed}[data-theme=night] .side-drawer-badge-active{color:#c084fc}.side-drawer-badge-amber{font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:6px;background:#fef3c7;color:#b45309}[data-theme=night] .side-drawer-badge-amber{background:#3b280a;color:#fcd34d}.side-drawer-tree-container{border-left:2px solid #d8b4fe;margin-left:20px;padding-left:10px;display:flex;flex-direction:column;gap:4px;margin-top:2px;margin-bottom:6px}[data-theme=night] .side-drawer-tree-container{border-left-color:#581c87}.side-drawer-tree-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:left}.side-drawer-tree-item:hover{background:#f5edff;color:#7c3aed}[data-theme=night] .side-drawer-tree-item:hover{background:#1f173b;color:#c084fc}.side-drawer-tree-item.active-tree-pill{background:#fff;border:1px solid #e9d5ff;color:#7c3aed;font-weight:800;box-shadow:0 4px 12px #7c3aed1f;border-radius:14px}[data-theme=night] .side-drawer-tree-item.active-tree-pill{background:#1c1438;border-color:#6d28d9;color:#e9d5ff;box-shadow:0 4px 14px #00000080}.side-drawer-tree-count{font-size:.78rem;color:var(--text-muted);font-weight:600}.side-drawer-tree-count-active{font-size:.8rem;font-weight:800;color:#7c3aed}[data-theme=night] .side-drawer-tree-count-active{color:#c084fc}.side-drawer-bottom-section{margin-top:auto;padding-top:14px;border-top:1px solid rgba(233,213,255,.4);display:flex;flex-direction:column;gap:4px}[data-theme=night] .side-drawer-bottom-section{border-top-color:#43276b66}.modern-nav-section-list{display:flex;flex-direction:column;gap:4px}.modern-nav-right-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:9999px;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:left}.modern-nav-right-btn:hover{background:#f5f3ff;color:var(--pb-purple);transform:translate(2px)}[data-theme=night] .modern-nav-right-btn:hover{background:#1c1538;color:#c084fc}.modern-nav-right-btn.active-pill{background:#fff;color:#581c87;border:1px solid #e9d5ff;box-shadow:0 4px 14px #6d28d91f;font-weight:800}[data-theme=night] .modern-nav-right-btn.active-pill{background:#221a3f;color:#f3e8ff;border-color:#6b21a8;box-shadow:0 4px 14px #0006}.modern-nav-footer{padding:14px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between}[data-theme=night] .modern-nav-footer{background:#0f0d1b;border-color:#241d3d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-bright);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-bright)}.countdown-digit-block{transition:all .2s ease}.countdown-digit-block:hover{transform:translateY(-2px)}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.animate-pulse{animation:pulseSubtle 1.5s infinite ease-in-out}@supports (padding: env(safe-area-inset-bottom)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (hover: none) and (pointer: coarse){button,select,input,.btn-primary,.btn-secondary,.btn-icon{min-height:42px}}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}}.category-tab-bar,.scrollable-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:2px}.category-tab-bar::-webkit-scrollbar,.scrollable-tabs::-webkit-scrollbar{display:none}.table-responsive,.table-responsive-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--bg-card);border:1px solid var(--border-subtle);position:relative;display:block}.table-responsive-wrapper table,.table-responsive table,.modern-data-table{border-collapse:collapse}@media (hover: none) and (pointer: coarse){.table-responsive-wrapper::-webkit-scrollbar{height:4px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:4px}}@media screen and (max-width: 768px){html,body,#root{overflow-x:hidden!important;width:100%!important;max-width:100vw!important;-webkit-tap-highlight-color:transparent}header,.navbar-header-main{margin:6px 8px 0!important;padding:8px 10px!important;border-radius:10px!important;gap:6px!important;box-shadow:var(--shadow-sm)!important}.navbar-brand-section{gap:8px!important}.navbar-menu-btn{padding:6px 12px!important;font-size:.8rem!important;gap:4px!important}.navbar-logo-img{height:28px!important}.navbar-brand-name{font-size:.92rem!important;line-height:1.1!important}.navbar-brand-sub,.navbar-orders-pill{display:none!important}.navbar-actions-section{gap:6px!important}.navbar-theme-btn{padding:6px 8px!important}.navbar-btn-text{display:none!important}.navbar-user-box{border-left:none!important;padding-left:0!important;gap:4px!important}.navbar-user-name{display:none!important}.navbar-logout-btn{padding:6px 8px!important}.navbar-station-switcher,div[style*="Switch Station View"]{margin:6px 8px 0!important;padding:6px 8px!important;border-radius:8px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:6px!important;width:calc(100% - 16px)!important}.navbar-station-switcher::-webkit-scrollbar{display:none!important}.navbar-switcher-label{display:none!important}.navbar-switcher-buttons{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:auto!important}.navbar-switcher-buttons button,.navbar-station-switcher button{flex-shrink:0!important;white-space:nowrap!important;font-size:.74rem!important;padding:6px 10px!important}.dashboard-page-container,div[style*="padding: '24px 28px'"],div[style*="padding: 24px 28px"],.designer-root{padding:10px 8px 24px!important;max-width:100vw!important;box-sizing:border-box!important}.hero-banner-card{padding:12px!important;border-radius:12px!important;margin-bottom:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.hero-banner-title{font-size:1.15rem!important;line-height:1.25!important}.hero-banner-subtitle{font-size:.78rem!important}.admin-actions-bar,.hero-banner-card>div[style*="flexWrap: 'wrap'"],.hero-banner-card div[style*="display: 'flex'"][style*="gap: '8px'"]{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important}.admin-actions-bar button,.hero-banner-card button{width:100%!important;justify-content:center!important;padding:8px 6px!important;font-size:.76rem!important}.admin-actions-bar button.btn-primary,.hero-banner-card button.btn-primary{grid-column:span 2!important;min-height:42px!important;font-size:.84rem!important}.admin-view-nav-strip,div[style*="background: 'var(--bg-secondary)'"][style*="justifyContent: 'space-between'"]>div[style*="display: 'flex'"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important;padding:4px!important;margin-bottom:12px!important}.admin-view-nav-strip::-webkit-scrollbar{display:none!important}.admin-view-nav-strip button,div[style*="background: 'var(--bg-secondary)'"][style*="justifyContent: 'space-between'"]>div[style*="display: 'flex'"] button{flex-shrink:0!important;white-space:nowrap!important;padding:6px 10px!important;font-size:.76rem!important}.kpi-cards-grid,div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))'"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:12px!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(130px, 1fr))'"]{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.kpi-cards-grid>div,div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))'"]>div{padding:10px!important;border-radius:10px!important}.kpi-cards-grid div[style*="fontSize: '1.5rem'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))'"] div[style*="fontSize: '1.5rem'"]{font-size:1.25rem!important}.stage-tabs-responsive,div[style*="display: 'flex'"][style*="gap: '6px'"][style*="overflowX: 'auto'"],div[style*="display: 'flex'"][style*="gap: '6px'"][style*="flexWrap: 'wrap'"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;padding-bottom:6px!important;scrollbar-width:none!important}.stage-tabs-responsive::-webkit-scrollbar{display:none!important}.stage-tabs-responsive button{flex-shrink:0!important;white-space:nowrap!important;padding:6px 12px!important;font-size:.76rem!important}.admin-filter-bar,div[style*="background: 'var(--bg-secondary)'"][style*="padding: '16px 20px'"],div[style*="background: 'var(--bg-secondary)'"][style*="padding: '14px 18px'"]{padding:10px!important;border-radius:10px!important;gap:8px!important}div[style*="minWidth: '240px'"],div[style*="minWidth: '280px'"]{width:100%!important;min-width:100%!important;flex:1 1 100%!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))'"]{grid-template-columns:1fr!important;gap:8px!important;padding:8px 10px!important}.view-switcher-group{width:100%!important;justify-content:center!important;margin-top:4px!important}.modern-data-table,.table-responsive-wrapper table,.table-responsive table{min-width:760px!important;width:100%!important}.modern-data-table th,.modern-data-table td{padding:9px 8px!important;font-size:.78rem!important}.modern-data-table thead th{position:sticky;top:0;z-index:2}.modern-data-table button{padding:5px 8px!important;font-size:.74rem!important;min-height:32px!important;white-space:nowrap!important}.order-cards-grid,div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(360px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(350px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(340px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(330px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(290px, 1fr))'"],div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))'"]{grid-template-columns:1fr!important;gap:10px!important;width:100%!important}.order-cards-grid>div{padding:12px!important;border-radius:12px!important}.designer-workbench-grid,div[style*="gridTemplateColumns: '1.35fr 1fr'"]{grid-template-columns:1fr!important;gap:14px!important}.countdown-clock-container{padding:14px 10px!important}.countdown-digit-block{font-size:1.9rem!important;min-width:46px!important;padding:6px 3px!important}.qc-inspection-grid,.qc-gate-inspection-grid,div[style*="gridTemplateColumns: '1.1fr 1fr'"],div[style*="gridTemplateColumns: '1.05fr 1.15fr'"]{grid-template-columns:1fr!important;gap:14px!important}.modal-backdrop{padding:6px!important;align-items:center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-content{width:100%!important;max-width:calc(100vw - 12px)!important;max-height:94vh!important;border-radius:14px!important;padding:16px 12px!important;margin:auto 0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-content div[style*="gridTemplateColumns: '1fr 1fr'"],.modal-content div[style*="gridTemplateColumns: '1.2fr 1fr'"],.modal-content div[style*="gridTemplateColumns: '1.2fr 0.8fr'"],.modal-content div[style*="gridTemplateColumns: '1.5fr 1fr 1fr'"],.modal-content div[style*="gridTemplateColumns: '1fr 1.5fr'"],.modal-content div[style*="gridTemplateColumns: '1fr 2fr'"],.modal-content div[style*="gridTemplateColumns: '1fr 1fr 1fr'"],.modal-content div[style*="gridTemplateColumns: '1.2fr 1fr 1.5fr 1fr'"],.modal-content div[style*="gridTemplateColumns: '1fr 1fr 1fr 1fr'"],.modal-content div[style*="gridTemplateColumns: 'repeat(5, 1fr)'"],.modal-content div[style*="gridTemplateColumns: 'repeat(4, 1fr)'"],.modal-content div[style*="gridTemplateColumns: 'auto 1fr'"],.modal-content div[style*="gridTemplateColumns: '1fr auto'"],form div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:10px!important}input,select,textarea,.form-input,.form-select{font-size:16px!important;min-height:42px!important}.modal-actions-bar,.modal-content div[style*="justifyContent: 'flex-end'"],.modal-content div[style*="justifyContent: 'space-between'"]>div[style*="display: 'flex'"][style*="gap:"]{display:flex!important;flex-direction:column-reverse!important;width:100%!important;gap:8px!important}.modal-content button.btn-primary,.modal-content button.btn-secondary{width:100%!important;min-height:44px!important;font-size:.88rem!important;justify-content:center!important}.login-modal-card{padding:18px 14px!important;max-width:100%!important}.login-theme-wrapper{top:10px!important;right:10px!important}.login-theme-text{display:none!important}.login-logo-img{height:52px!important}.login-role-tabs-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.login-role-tabs-grid button{padding:9px 6px!important;font-size:.74rem!important;min-height:42px!important}.side-drawer-panel-clean{width:300px!important;max-width:86vw!important}.side-drawer-item,.side-drawer-tree-item{min-height:44px!important;padding:10px 12px!important}}@media (min-width: 769px) and (max-width: 1024px){header{margin:10px 14px 0!important}.modal-content{max-width:92vw!important}div[style*="gridTemplateColumns: 'repeat(auto-fill, minmax(3"]{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1400px){.modal-content{max-width:1200px}}