:root{--bg: #0a0f1e;--surface: #111827;--surface-elevated: #1a2332;--surface-hover: #1f2937;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-glow: rgba(59,130,246,.15);--accent-violet: #8b5cf6;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16,185,129,.15);--accent-amber: #f59e0b;--accent-amber-glow: rgba(245,158,11,.15);--accent-rose: #ef4444;--accent-rose-glow: rgba(239,68,68,.15);--accent-cyan: #06b6d4;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: .2s cubic-bezier(.4,0,.2,1);--font: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--sidebar-w: 220px}body.light{--bg: #f8fafc;--surface: #ffffff;--surface-elevated: #f1f5f9;--surface-hover: #e2e8f0;--border: rgba(15,23,42,.08);--border-strong: rgba(15,23,42,.15);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-glow: rgba(37,99,235,.1);--accent-violet: #7c3aed;--accent-emerald: #059669;--accent-emerald-glow: rgba(5,150,105,.1);--accent-amber: #d97706;--accent-amber-glow: rgba(217,119,6,.1);--accent-rose: #dc2626;--accent-rose-glow: rgba(220,38,38,.1);--accent-cyan: #0891b2;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.layout{display:flex;min-height:100vh}.layout-main{flex:1;min-width:0;margin-left:var(--sidebar-w);transition:margin-left var(--transition);display:flex;flex-direction:column}.layout-main.sidebar-collapsed{margin-left:56px}.app-header{position:sticky;top:0;z-index:50;background:#0a0f1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}body.light .app-header{background:#f8fafce6;border-bottom-color:#0f172a14}.header-inner{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px var(--accent-blue-glow)}.brand-icon svg{width:22px;height:22px}.brand-text h1{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.brand-text span{font-size:.75rem;color:var(--text-muted);display:block;margin-top:-2px}.header-meta{display:flex;align-items:center;gap:16px}.meta-item{text-align:right}.meta-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.meta-value{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.live-clock{font-family:SF Mono,Fira Code,monospace;font-variant-numeric:tabular-nums;color:var(--accent-emerald)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.theme-toggle svg{width:18px;height:18px}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:70;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--surface-elevated)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-overlay.visible{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:60;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--transition),transform var(--transition);overflow:hidden}.sidebar.collapsed{width:56px}.sidebar-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden}.sidebar-logo-icon{width:28px;height:28px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-logo-icon svg{width:14px;height:14px}.sidebar-toggle{width:28px;height:28px;border-radius:6px;flex-shrink:0;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.sidebar-toggle:hover{background:var(--surface-elevated);color:var(--text-primary)}.sidebar-toggle svg{width:14px;height:14px}.sidebar-section{padding:12px 0}.sidebar-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;padding:0 16px 8px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-label{opacity:0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:9px 16px;cursor:pointer;border-radius:0;transition:var(--transition);font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;position:relative;border:none;background:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--surface-elevated);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-blue-glow);color:var(--accent-blue)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-blue);border-radius:0 3px 3px 0}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-nav-text{display:none}.app-content{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.hero-banner{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-amber),var(--accent-rose),var(--accent-blue));opacity:.6}.hero-content{display:flex;align-items:center;gap:16px;flex:1;min-width:280px}.hero-icon{width:48px;height:48px;background:var(--accent-amber-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-amber);flex-shrink:0}.hero-icon svg{width:24px;height:24px}.hero-text h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.3}.hero-text p{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.hero-status{display:flex;gap:12px;flex-wrap:wrap}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--border);background:var(--surface-elevated);transition:var(--transition)}.status-pill.yesterday{border-color:var(--accent-amber);background:var(--accent-amber-glow)}.status-pill.wtd{border-color:var(--accent-emerald);background:var(--accent-emerald-glow)}.status-pill.mtd{border-color:var(--accent-cyan);background:#06b6d41a}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-pill.yesterday .status-dot{background:var(--accent-amber)}.status-pill.wtd .status-dot{background:var(--accent-emerald)}.status-pill.mtd .status-dot{background:var(--accent-cyan)}.status-label{color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.status-value{color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.section{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;gap:10px;padding-bottom:4px}.section-badge{width:32px;height:32px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.section-badge svg{width:16px;height:16px}.section-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-date{margin-left:auto;font-size:.8rem;color:var(--text-muted);font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:var(--transition);cursor:pointer}.kpi-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.kpi-card.status-stable:after{background:var(--accent-emerald)}.kpi-card.status-watch:after{background:var(--accent-amber)}.kpi-card.status-pressure:after{background:var(--accent-rose)}.kpi-card.status-active:after{background:var(--accent-blue)}.kpi-card.status-monitor:after{background:var(--accent-violet)}.kpi-card.status-stable{background:linear-gradient(135deg,var(--surface) 0%,rgba(16,185,129,.03) 100%)}.kpi-card.status-watch{background:linear-gradient(135deg,var(--surface) 0%,rgba(245,158,11,.03) 100%)}.kpi-card.status-pressure{background:linear-gradient(135deg,var(--surface) 0%,rgba(239,68,68,.03) 100%)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-badge{padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.kpi-badge.stable{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.kpi-badge.watch{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.kpi-badge.pressure{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid rgba(239,68,68,.2)}.kpi-badge.active{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.kpi-badge.monitor{background:#8b5cf61a;color:var(--accent-violet);border:1px solid rgba(139,92,246,.2)}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1;margin-bottom:8px}.kpi-benchmark{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.kpi-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.5;padding-top:12px;border-top:1px solid var(--border)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.chart-title{display:flex;align-items:center;gap:12px}.chart-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.chart-icon.blue{background:var(--accent-blue-glow);color:var(--accent-blue)}.chart-icon.violet{background:#8b5cf61a;color:var(--accent-violet)}.chart-icon svg{width:16px;height:16px}.chart-title h4{font-size:.95rem;font-weight:700;color:var(--text-primary)}.chart-subtitle{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px}.chart-actions{display:flex;gap:6px}.chart-action{padding:5px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.chart-action:hover{border-color:var(--border-strong);color:var(--text-secondary)}.chart-action.active{background:var(--accent-blue-glow);color:var(--accent-blue);border-color:#3b82f64d}.chart-body{padding:16px 20px 20px}.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-scroll::-webkit-scrollbar{height:4px}.chart-canvas-wrap{height:240px;position:relative}.chart-card.wide .chart-canvas-wrap{min-width:500px}.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.snapshot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:var(--transition);cursor:pointer;position:relative}.snapshot-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.snapshot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-md) var(--radius-md) 0 0}.snapshot-card.status-stable:before{background:var(--accent-emerald)}.snapshot-card.status-watch:before{background:var(--accent-amber)}.snapshot-card.status-pressure:before{background:var(--accent-rose)}.snapshot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.snapshot-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.snapshot-dot{width:8px;height:8px;border-radius:50%}.snapshot-dot.stable{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.snapshot-dot.watch{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.snapshot-dot.pressure{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.snapshot-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.snapshot-compare{font-size:.75rem;color:var(--text-muted)}.operational-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.op-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;transition:var(--transition)}.op-card:hover{border-color:var(--border-strong)}.op-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.op-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.op-detail{font-size:.75rem;color:var(--text-muted)}.acuity-section{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.acuity-title{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.acuity-badges{display:flex;flex-wrap:wrap;gap:8px}.acuity-badge{padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);transition:var(--transition)}.acuity-badge:hover{border-color:var(--border-strong);color:var(--text-primary);transform:scale(1.05)}.acuity-badge.esi2{border-color:var(--accent-rose);color:var(--accent-rose);background:var(--accent-rose-glow)}.acuity-badge.esi3{border-color:var(--accent-amber);color:var(--accent-amber);background:var(--accent-amber-glow)}.acuity-badge.esi4{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-glow)}.acuity-badge.esi5{border-color:var(--accent-emerald);color:var(--accent-emerald);background:var(--accent-emerald-glow)}.acuity-badge.no-esi{border-color:var(--text-muted);color:var(--text-muted)}.driver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.driver-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:var(--transition);position:relative;overflow:hidden}.driver-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.driver-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.driver-card.status-stable:after{background:var(--accent-emerald)}.driver-card.status-watch:after{background:var(--accent-amber)}.driver-card.status-pressure:after{background:var(--accent-rose)}.driver-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.driver-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.driver-badge{padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.driver-badge.stable{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.driver-badge.watch{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.driver-badge.pressure{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid rgba(239,68,68,.2)}.driver-evidence{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.driver-detail{font-size:.8rem;color:var(--text-muted);line-height:1.5}.action-list{display:flex;flex-direction:column;gap:12px}.action-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.action-item:hover{border-color:var(--border-strong);transform:translate(4px)}.action-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.action-item.status-active:after{background:var(--accent-blue)}.action-item.status-monitor:after{background:var(--accent-violet)}.action-item.status-blocked:after{background:var(--text-muted)}.action-item.status-active{background:linear-gradient(135deg,var(--surface) 0%,rgba(59,130,246,.03) 100%)}.action-item.status-monitor{background:linear-gradient(135deg,var(--surface) 0%,rgba(139,92,246,.03) 100%)}.action-item.status-blocked{background:linear-gradient(135deg,var(--surface) 0%,rgba(100,116,139,.03) 100%)}.action-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.action-main{flex:1;min-width:240px}.action-tags{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.action-priority{padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.action-priority.p1{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid rgba(239,68,68,.2)}.action-priority.p2{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.action-priority.p3{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.action-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.action-move{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.action-meta{display:flex;gap:16px;flex-wrap:wrap}.action-meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.action-meta-item svg{width:14px;height:14px;flex-shrink:0}.action-badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-badge.active{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.action-badge.monitor{background:#8b5cf61a;color:var(--accent-violet);border:1px solid rgba(139,92,246,.2)}.action-kpis{display:flex;flex-direction:column;gap:6px;min-width:200px}.action-kpi{display:flex;align-items:center;gap:8px;font-size:.75rem}.action-kpi-label{color:var(--text-muted);font-weight:500}.action-kpi-value{color:var(--text-secondary);font-weight:600}.app-footer{margin-top:8px;border-top:1px solid var(--border);padding:20px 24px}.footer-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{font-size:1rem;font-weight:800;color:var(--accent-blue);letter-spacing:-.02em}.footer-text{font-size:.8rem;color:var(--text-muted)}.footer-meta{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-muted)}.footer-sep{opacity:.4}.toast-container{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 18px;font-size:.85rem;color:var(--text-secondary);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;max-width:320px}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.loading-skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-elevated) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-muted);font-size:.95rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--accent-rose);font-size:.9rem;text-align:center}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.layout-main{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex}.header-meta{display:none}.app-content,.hero-banner{padding:16px}.hero-status{width:100%;justify-content:flex-start}.snapshot-grid,.operational-grid{grid-template-columns:repeat(2,1fr)}.action-row{flex-direction:column}.action-kpis{width:100%;border-top:1px solid var(--border);padding-top:12px}.footer-inner{flex-direction:column;text-align:center}.chart-canvas-wrap{height:200px}}@media (max-width:480px){.kpi-grid,.snapshot-grid,.operational-grid{grid-template-columns:1fr}.hero-content{flex-direction:column;align-items:flex-start}}.flight-dashboard{padding:24px}.period-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.period-filter button{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.period-filter button:hover{background:var(--surface-hover);color:var(--text-primary)}.period-filter button.active{background:var(--accent-blue-glow);color:var(--accent-blue);border-color:#3b82f64d}.custom-dates{display:flex;align-items:center;gap:8px;margin-left:8px}.custom-dates input[type=date]{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.8rem}.custom-dates span{color:var(--text-muted);font-size:.8rem}.custom-helper-text{color:var(--accent-amber);font-size:.75rem;font-style:italic}.search-btn{padding:6px 14px;border-radius:var(--radius-sm);border:none;cursor:pointer;background:#2563eb;color:#fff;font-size:.8rem;font-weight:600;transition:background .15s}.search-btn:hover{background:#1d4ed8}.reset-btn{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:transparent;color:var(--text-muted);font-size:.8rem;transition:background .15s,color .15s}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.card-total:after{background:var(--accent-blue)}.card-arrived:after{background:var(--accent-emerald)}.card-expected:after{background:var(--accent-amber)}.card-canceled:after{background:var(--accent-rose)}.card-delayed:after{background:var(--text-muted)}.card .value{font-size:1.75rem;font-weight:800;color:var(--text-primary);display:block;margin-bottom:4px}.card .label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block}.card .pct{font-size:.75rem;color:var(--text-muted);margin-top:4px;display:block}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.charts-grid .chart-card.wide{grid-column:1 / -1}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;transition:var(--transition)}.chart-card:hover{border-color:var(--border-strong)}.chart-card h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.chart-canvas-wrap{height:220px;position:relative}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.charts-grid .chart-card.wide{grid-column:auto}.chart-canvas-wrap{height:180px}}@media (max-width:480px){.period-filter{flex-direction:column;align-items:flex-start}.summary-cards{grid-template-columns:repeat(2,1fr)}}.flight-table-section{margin-top:24px}.flight-table-section h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.flight-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.flight-table{width:100%;border-collapse:collapse;font-size:.82rem}.flight-table th{background:var(--surface-elevated);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.flight-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.flight-table tr:last-child td{border-bottom:none}.flight-table tr:hover td{background:var(--surface-hover)}.flight-table .mono{font-family:monospace;font-size:.8rem}.status-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.status-arrived{background:#22c55e26;color:#22c55e}.status-expected{background:#f59e0b26;color:#f59e0b}.status-canceled{background:#ef444426;color:#ef4444}.status-delayed{background:#6b728026;color:#9ca3af}.status-unknown{background:#6b72801a;color:var(--text-muted)}.custom-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.custom-helper-text{font-size:.8rem;color:var(--text-muted);width:100%;margin-bottom:4px}.search-btn{padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--accent-blue);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:4px}.search-btn:hover{background:var(--accent-blue);filter:brightness(1.1);transform:translateY(-1px)}.reset-btn{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.reset-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.auth-logo svg{width:24px;height:24px}.auth-header h1{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.auth-header p{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);font-size:.9rem;transition:var(--transition);outline:none}.form-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.form-group input::placeholder{color:var(--text-muted)}.auth-btn{padding:12px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:4px}.auth-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid rgba(239,68,68,.2);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.auth-success{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.auth-footer{text-align:center;margin-top:20px;font-size:.85rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent-blue);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.sidebar-user-info{padding:8px 16px 12px}.sidebar-user-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.user-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.user-table{width:100%;border-collapse:collapse;font-size:.85rem}.user-table th,.user-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.user-table th{font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;background:var(--surface-elevated)}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:var(--surface-hover)}.role-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-admin{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.role-user{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.status-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.approved,.status-badge.active{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.status-badge.pending{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.status-badge.inactive{background:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid rgba(239,68,68,.2)}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);transition:var(--transition)}.action-btn:hover:not(:disabled){filter:brightness(1.1)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background:var(--accent-emerald-glow);color:var(--accent-emerald);border-color:#10b9814d}.reject-btn{background:var(--accent-rose-glow);color:var(--accent-rose);border-color:#ef44444d}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.confirm-dialog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.confirm-dialog-card h3{margin:0 0 12px;font-size:1.25rem;color:var(--text-primary)}.confirm-dialog-card>p{margin:0 0 16px;color:var(--text-secondary);font-size:.9rem}.confirm-dialog-info{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.confirm-dialog-info div{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.confirm-dialog-info div:last-child{margin-bottom:0}.confirm-dialog-info strong{color:var(--text-primary);margin-right:4px}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);transition:var(--transition)}.confirm-btn:hover:not(:disabled){filter:brightness(1.1)}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:var(--surface-elevated)}.approve-confirm-btn{background:var(--accent-emerald-glow);color:var(--accent-emerald);border-color:#10b9814d}.reject-confirm-btn{background:var(--accent-rose-glow);color:var(--accent-rose);border-color:#ef44444d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{color:var(--text-muted);font-size:.9rem}@media (max-width: 480px){.auth-card{padding:28px 20px}}