@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-void:#09090b;--bg-deep:#111113;--bg-surface:#18181b;--bg-elevated:#27272a;--bg-hover:#3f3f46;--bg-active:#52525b;--bg-panel:#1c1c1f;--border-faint:#ffffff0d;--border-dim:#ffffff17;--border-medium:#ffffff24;--border-bright:#ffffff38;--border-focus:#10b98180;--accent:#10b981;--accent-light:#34d399;--accent-dim:#10b9811a;--accent-border:#10b98138;--signal-cyan:#10b981;--signal-cyan-dim:#10b9811a;--signal-green:#22c55e;--signal-amber:#f59e0b;--signal-orange:#f97316;--signal-red:#ef4444;--signal-indigo:#6366f1;--signal-purple:#8b5cf6;--signal-teal:#14b8a6;--signal-blue:#3b82f6;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-label:#a1a1aa;--text-muted:#98989f;--text-faint:#84848d;--bg:var(--bg-void);--surface:var(--bg-surface);--card:var(--bg-surface);--border:var(--border-dim);--text:var(--text-primary);--overlay:#09090bc7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #0009, 0 4px 8px #0006;--shadow-xl:0 24px 48px #000000b3;--kpi-good:#22c55e;--kpi-warning:#f59e0b;--kpi-critical:#ef4444;--kpi-neutral:#a1a1aa;--kpi-info:#6366f1;--glow-cyan:none;--glow-green:none;--glow-red:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px}body{background-color:var(--bg-void);color:var(--text-primary);font-family:Inter,DM Sans,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}.font-mono{font-family:DM Mono,monospace}.font-display,.font-body{font-family:Inter,DM Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}::selection{color:var(--text-primary);background:#10b98133}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px;border-radius:var(--r-xs)}button:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.skip-link{z-index:10000;background:var(--accent);color:#04110b;border-radius:var(--r-sm);padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus-visible{top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dot-live,.skeleton,.fade-up,.fade-in,.stagger>*{animation:none!important}}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-bg{background:var(--bg-void)}.panel{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--r-md)}.panel-elevated{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.panel-glow{background:var(--bg-surface);border:1px solid var(--accent-border);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--accent-border)}.panel-accent{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--r-md);position:relative}.panel-accent:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);border-radius:var(--r-md) var(--r-md) 0 0;opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:DM Mono,monospace;font-size:10.5px;font-weight:500}.label-sm{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-family:DM Mono,monospace;font-size:9.5px;font-weight:500}.page-title{color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.page-subtitle{color:var(--text-muted);letter-spacing:.02em;font-family:DM Mono,monospace;font-size:11px}.value-xl{color:var(--text-primary);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.value-lg{color:var(--text-primary);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.value-md{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.1}.badge{border-radius:var(--r-xs);letter-spacing:.04em;border:1px solid;align-items:center;gap:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:inline-flex}.badge-ok{color:var(--signal-green);background:#22c55e14;border-color:#22c55e33}.badge-warn{color:var(--signal-amber);background:#f59e0b14;border-color:#f59e0b33}.badge-err{color:var(--signal-red);background:#ef444414;border-color:#ef444433}.badge-info{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-border)}.badge-purple{color:var(--signal-purple);background:#8b5cf614;border-color:#8b5cf633}.badge-indigo{color:var(--signal-indigo);background:#6366f114;border-color:#6366f133}.badge-muted{color:var(--text-muted);border-color:var(--border-dim);background:#ffffff0a}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r-sm);letter-spacing:.02em;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000004d}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--r-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-bright);color:var(--text-primary);background:#ffffff0a}.btn-ghost{color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.input{background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:var(--r-sm);width:100%;color:var(--text-primary);padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #10b98114}.input::placeholder{color:var(--text-faint)}.progress-track{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s}.progress-fill-green{background:var(--signal-green)}.progress-fill-amber{background:var(--signal-amber)}.progress-fill-red{background:var(--signal-red)}.dot-live{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);border-bottom:1px solid var(--border-dim);background:var(--bg-deep);white-space:nowrap;padding:9px 14px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;position:sticky;top:0}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-faint);padding:9px 14px;font-size:13px;line-height:1.45}.data-table tr:hover td{color:var(--text-primary);background:#ffffff06}.metric-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--r-lg);cursor:default;padding:16px 18px;transition:all .2s;position:relative}.metric-card:hover{border-color:var(--border-medium);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-zone{border:1.5px dashed var(--border-medium);border-radius:var(--r-lg);cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-medium)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-md)!important;font-family:DM Mono,monospace!important;font-size:11px!important}.recharts-cartesian-axis-tick-value{fill:var(--text-faint)!important;font-size:10px!important}.recharts-cartesian-grid line{stroke:#ffffff0a!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.25s ease-out both fadeUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.2s ease-out both fadeIn}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--r-sm);background-size:200%;animation:1.8s infinite shimmer}.stagger>*{animation:.28s ease-out both fadeUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:35ms}.stagger>:nth-child(3){animation-delay:70ms}.stagger>:nth-child(4){animation-delay:.105s}.stagger>:nth-child(5){animation-delay:.14s}.stagger>:nth-child(6){animation-delay:.175s}.stagger>:nth-child(7){animation-delay:.21s}.stagger>:nth-child(8){animation-delay:.245s}.no-data-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.no-data-icon{border:1px solid var(--border-dim);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;display:flex}.no-data-label{color:var(--text-label);font-family:DM Mono,monospace;font-size:11.5px;font-weight:500}.no-data-hint{color:var(--text-muted);max-width:280px;font-family:Inter,sans-serif;font-size:11px;line-height:1.6}.time-chip{cursor:pointer;border:1px solid var(--border-faint);color:var(--text-muted);background:0 0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:DM Mono,monospace;font-size:10px;transition:all .12s;display:inline-flex}.time-chip:hover{border-color:var(--border-medium);color:var(--text-secondary);background:#ffffff08}.time-chip.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);font-weight:600}.filter-chip{border-radius:var(--r-xs);cursor:pointer;white-space:nowrap;color:var(--text-muted);background:0 0;border:1px solid #0000;padding:2px 8px;font-family:DM Mono,monospace;font-size:9.5px;transition:all .1s}.filter-chip:hover{color:var(--text-secondary);border-color:var(--border-faint);background:#ffffff0a}.filter-chip.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);font-weight:600}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:3px}.page-content{min-height:100%;padding:20px 24px}.kpi-tooltip-trigger{cursor:help;opacity:.5;justify-content:center;align-items:center;transition:opacity .12s;display:inline-flex}.kpi-tooltip-trigger:hover{opacity:1}.help-msg-ai{background:var(--bg-surface);border:1px solid var(--border-dim);color:var(--text-secondary);border-radius:0 8px 8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:12px;line-height:1.6}.help-msg-user{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-light);border-radius:8px 0 8px 8px;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px}select{appearance:none;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2371717a'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:5px 28px 5px 10px;font-family:DM Mono,monospace;font-size:11px}select:focus{border-color:var(--accent)}select option{background:var(--bg-deep)}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--r-lg);flex-direction:column;gap:10px;padding:18px 20px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.kpi-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.kpi-card--alert{border-color:#ef444440}.kpi-card--warn{border-color:#f59e0b33}.kpi-card--good{border-color:#22c55e2e}.kpi-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:flex}.kpi-card__value{color:var(--text-primary);letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:1.9rem;font-weight:700;line-height:1}.kpi-card__sub{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10.5px}.kpi-card__delta{align-items:center;gap:3px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:inline-flex}.kpi-card__delta--up{color:var(--signal-green)}.kpi-card__delta--down{color:var(--signal-red)}.kpi-card__delta--flat{color:var(--text-muted)}.dash-tabs{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--r-md);gap:2px;padding:3px;display:flex}.dash-tab{border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.dash-tab:hover{color:var(--text-secondary);background:#ffffff0a}.dash-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.section-divider{align-items:center;gap:10px;margin:4px 0;display:flex}.section-divider__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);white-space:nowrap;font-family:DM Mono,monospace;font-size:9.5px;font-weight:500}.section-divider__line{background:var(--border-faint);flex:1;height:1px}.bench-bar{background:#ffffff0f;border-radius:2px;height:4px;position:relative;overflow:visible}.bench-bar__fill{border-radius:2px;height:100%;transition:width .6s}.bench-bar__marker{background:#ffffff4d;border-radius:1px;width:2px;height:10px;position:absolute;top:-3px}.trend-pill{border-radius:20px;align-items:center;gap:3px;padding:2px 6px;font-family:DM Mono,monospace;font-size:9.5px;font-weight:500;display:inline-flex}.trend-pill--up{color:var(--signal-green);background:#22c55e14}.trend-pill--down{color:var(--signal-red);background:#ef444414}.trend-pill--flat{color:var(--text-muted);background:#ffffff0a}.insight-card{border-radius:var(--r-md);border:1px solid var(--border-faint);cursor:default;background:#ffffff06;padding:10px 12px;transition:background .15s,border-color .15s}.insight-card:hover{border-color:var(--border-dim);background:#ffffff0a}.insight-card--critical{border-left:2px solid var(--signal-red)}.insight-card--warning{border-left:2px solid var(--signal-amber)}.insight-card--ok{border-left:2px solid var(--signal-green)}.insight-card--info{border-left:2px solid var(--accent)}@media (width<=768px){[style*=grid-template-columns]{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}}@media (width>=769px) and (width<=1024px){[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns: 2fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:repeat(2,1fr)!important}}img,svg,video,canvas{max-width:100%}@media (width<=768px){#main-content{overflow-x:hidden}}