.dashboard-container{max-width:1440px;margin:0 auto;padding:24px 24px 48px}.error-banner{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:14px 20px;display:flex;align-items:center;gap:14px;color:var(--danger-text);margin-bottom:24px;box-shadow:var(--shadow-xs)}.retry-btn{padding:6px 14px;background:var(--danger);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.8rem;transition:all .15s ease}.retry-btn:hover{background:#dc2626;box-shadow:0 2px 6px #ef444440}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:16px;text-align:center}.dashboard-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-subtle);text-align:center}@media(max-width:768px){.dashboard-container{padding:16px 14px 32px}}:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #FAFCFE;--bg-surface: #F1F5F9;--bg-elevated: #FFFFFF;--bg-subtle: #F8FAFC;--border-subtle: #E2E8F0;--border-medium: #CBD5E1;--border-strong: #94A3B8;--text-primary: #274653;--text-secondary: #475569;--text-muted: #64748B;--text-light: #94A3B8;--text-inverse: #FFFFFF;--primary: #38A9DC;--primary-hover: #2997CA;--primary-light: #EBF6FC;--primary-glow: rgba(56, 169, 220, .2);--primary-gradient: linear-gradient(135deg, #38A9DC 0%, #2997CA 100%);--brand-dark: #274653;--brand-dark-subtle: #1E3640;--brand-sky: #66CCFF;--brand-sky-bg: #E0F2FE;--success: #10B981;--success-bg: #ECFDF5;--success-border: #A7F3D0;--success-text: #047857;--warning: #F59E0B;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--warning-text: #B45309;--danger: #EF4444;--danger-bg: #FEF2F2;--danger-border: #FECACA;--danger-text: #B91C1C;--purple: #8B5CF6;--purple-bg: #F5F3FF;--purple-border: #DDD6FE;--purple-text: #6D28D9;--cyan: #06B6D4;--cyan-bg: #ECFEFF;--cyan-border: #A5F3FC;--cyan-text: #0E7490;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(39, 70, 83, .04);--shadow-sm: 0 1px 3px rgba(39, 70, 83, .06), 0 1px 2px rgba(39, 70, 83, .04);--shadow-md: 0 4px 12px rgba(39, 70, 83, .05), 0 1px 3px rgba(39, 70, 83, .04);--shadow-lg: 0 10px 25px -4px rgba(39, 70, 83, .08), 0 4px 10px -2px rgba(39, 70, 83, .03);--shadow-modal: 0 25px 50px -12px rgba(39, 70, 83, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0% 0%,rgba(56,169,220,.04) 0px,transparent 40%),radial-gradient(at 100% 0%,rgba(39,70,83,.03) 0px,transparent 40%),radial-gradient(at 50% 100%,rgba(56,169,220,.03) 0px,transparent 50%);background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.glass-panel:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md)}.glass-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.glass-card:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.glass-card.accent-blue:before{background:var(--primary)}.glass-card.accent-green:before{background:var(--success)}.glass-card.accent-amber:before{background:var(--warning)}.glass-card.accent-purple:before{background:var(--purple)}.glass-card.accent-red:before{background:var(--danger)}.glass-card.accent-cyan:before{background:var(--cyan)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;padding:4px 9px;border-radius:var(--radius-full)}.badge-blue{background:var(--primary-light);color:#0284c7;border:1px solid #BAE6FD}.badge-green{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-amber{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-red{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-purple{background:var(--purple-bg);color:var(--purple-text);border:1px solid var(--purple-border)}.badge-cyan{background:var(--cyan-bg);color:var(--cyan-text);border:1px solid var(--cyan-border)}.badge-dark{background:#e2e8f0;color:var(--brand-dark);border:1px solid #CBD5E1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}@keyframes pulseSubtle{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-subtle{animation:pulseSubtle 2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.kpi-source-note{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:help;-webkit-user-select:none;user-select:none}.kpi-source-note.inline{font-size:.72rem;color:var(--text-muted);font-weight:500;transition:color .15s ease}.kpi-source-note.inline:hover{color:var(--brand-dark)}.kpi-source-note .kpi-tooltip-bubble{position:absolute;opacity:0;visibility:hidden;background:#0f172a;color:#f8fafc;padding:6px 11px;border-radius:6px;font-size:.73rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 6px 18px #0f172a47;border:1px solid rgba(255,255,255,.15);z-index:100;pointer-events:none;line-height:1.35;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s}.kpi-source-note .kpi-tooltip-bubble:after{content:"";position:absolute;border-width:5px;border-style:solid}.kpi-source-note.placement-top .kpi-tooltip-bubble{bottom:calc(100% + 7px);transform:translateY(4px)}.kpi-source-note.placement-top:hover .kpi-tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.kpi-source-note.placement-top .kpi-tooltip-bubble:after{top:100%;border-color:#0F172A transparent transparent transparent}.kpi-source-note.placement-bottom .kpi-tooltip-bubble{top:calc(100% + 7px);transform:translateY(-4px)}.kpi-source-note.placement-bottom:hover .kpi-tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.kpi-source-note.placement-bottom .kpi-tooltip-bubble:after{bottom:100%;border-color:transparent transparent #0F172A transparent}.kpi-source-note.align-right .kpi-tooltip-bubble{right:0;left:auto}.kpi-source-note.align-right .kpi-tooltip-bubble:after{right:12px;left:auto}.kpi-source-note.align-left .kpi-tooltip-bubble{left:0;right:auto}.kpi-source-note.align-left .kpi-tooltip-bubble:after{left:12px;right:auto}.kpi-source-note.align-center .kpi-tooltip-bubble{left:50%;transform:translate(-50%) translateY(4px)}.kpi-source-note.align-center:hover .kpi-tooltip-bubble{transform:translate(-50%) translateY(0)}.kpi-source-note.align-center .kpi-tooltip-bubble:after{left:50%;transform:translate(-50%)}