@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-void: #f0f4f8;--bg-base: #ffffff;--bg-surface: #f7f9fc;--bg-raised: #eef2f7;--bg-overlay: #e4eaf2;--bg-hover: #dde5ef;--border-dim: #e2e8f0;--border-mid: #cbd5e1;--border-bright: #94a3b8;--teal-100: #ccfbf1;--teal-300: #0f766e;--teal-500: #0d9488;--teal-600: #0f766e;--teal-700: #115e59;--teal-900: #ccfbf1;--teal-glow: rgba(13, 148, 136, .1);--teal-glow-md: rgba(13, 148, 136, .18);--red-500: #ef4444;--red-400: #dc2626;--red-glow: rgba(239, 68, 68, .1);--amber-500: #f59e0b;--amber-400: #d97706;--amber-glow: rgba(245, 158, 11, .1);--blue-500: #3b82f6;--blue-400: #2563eb;--blue-glow: rgba(59, 130, 246, .1);--purple-500: #8b5cf6;--purple-glow: rgba(139, 92, 246, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-dim: #94a3b8;--text-inverse: #ffffff;--font-ui: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "DM Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-teal: 0 0 20px var(--teal-glow);--sidebar-w: 56px;--sidebar-w-xl: 240px;--topbar-h: 56px;--panel-w: 320px;--trans-fast: all .15s ease;--trans-mid: all .25s ease;--trans-slow: all .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;color-scheme:light}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}h1,h2,h3,h4,h5{font-family:var(--font-ui);font-weight:700;color:var(--text-primary);line-height:1.2}h1{font-size:28px;letter-spacing:-.5px}h2{font-size:22px;letter-spacing:-.3px}h3{font-size:18px}h4{font-size:15px}h5{font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-teal{color:var(--teal-500)!important}.text-red{color:var(--red-500)!important}.text-amber{color:var(--amber-500)!important}.text-blue{color:var(--blue-500)!important}.font-mono{font-family:var(--font-mono)!important}.font-ui{font-family:var(--font-ui)!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grow{flex:1}.card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--trans-mid)}.card:hover{border-color:var(--border-mid)}.card--elevated{background:var(--bg-raised);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-dim)}.card__title{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:var(--trans-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--teal-500);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--teal-600);box-shadow:var(--shadow-teal)}.btn--secondary{background:var(--bg-raised);border-color:var(--border-mid);color:var(--text-secondary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--teal-700)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text-primary)}.btn--danger{background:transparent;border-color:var(--red-500);color:var(--red-400)}.btn--danger:hover:not(:disabled){background:var(--red-glow)}.btn--sm{padding:5px 10px;font-size:12px}.btn--lg{padding:10px 22px;font-size:14px}.btn--icon{padding:7px}.btn--block{width:100%;justify-content:center}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.form-control{padding:9px 13px;background:var(--bg-void);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:13px;transition:var(--trans-fast);outline:none}.form-control::placeholder{color:var(--text-dim)}.form-control:focus{border-color:var(--teal-500);box-shadow:0 0 0 2px var(--teal-glow)}.form-control:disabled{opacity:.5;cursor:not-allowed}.form-control--mono{font-family:var(--font-mono)}textarea.form-control{resize:vertical;min-height:80px}select.form-control{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge--urgent,.badge--critical,.badge--risk{background:var(--red-glow);color:var(--red-400);border:1px solid rgba(239,68,68,.25)}.badge--warning,.badge--important,.badge--amber{background:var(--amber-glow);color:var(--amber-400);border:1px solid rgba(245,158,11,.25)}.badge--analytical,.badge--info,.badge--blue{background:var(--blue-glow);color:var(--blue-400);border:1px solid rgba(59,130,246,.25)}.badge--informational,.badge--teal,.badge--success{background:#0d94881a;color:var(--teal-600);border:1px solid rgba(13,148,136,.25)}.badge--neutral{background:#8fa3b81a;color:var(--text-secondary);border:1px solid rgba(143,163,184,.2)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid var(--border-mid)}.data-table th{padding:8px 12px;text-align:left;font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.data-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border-dim);vertical-align:middle}.data-table tbody tr{transition:var(--trans-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.metric-bar{height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden}.metric-bar__fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.metric-bar__fill--teal{background:linear-gradient(90deg,var(--teal-700),var(--teal-500))}.metric-bar__fill--red{background:linear-gradient(90deg,#7f1d1d,var(--red-500))}.metric-bar__fill--amber{background:linear-gradient(90deg,#78350f,var(--amber-500))}.metric-bar__fill--blue{background:linear-gradient(90deg,#1e3a8a,var(--blue-500))}.spinner{width:18px;height:18px;border:2px solid var(--border-mid);border-top-color:var(--teal-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-overlay) 50%,var(--bg-raised) 75%);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}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-overlay);border:1px solid var(--border-bright);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-primary);pointer-events:all;animation:slideUp .3s ease;min-width:280px;max-width:380px}.toast__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.toast--success .toast__dot{background:var(--teal-500)}.toast--error .toast__dot{background:var(--red-500)}.toast--warning .toast__dot{background:var(--amber-500)}.toast--info .toast__dot{background:var(--blue-500)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.main-content{grid-column:2;grid-row:2;overflow-y:auto;padding:var(--space-6);background:var(--bg-base)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.page-header__title{font-family:var(--font-ui);font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.page-header__sub{font-size:13px;color:var(--text-muted);margin-top:2px}.page-header__actions{display:flex;gap:var(--space-2);align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:var(--trans-mid)}.stat-card:hover{border-color:var(--border-mid);transform:translateY(-1px)}.stat-card__label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-2)}.stat-card__value{font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-card__delta{font-size:12px;color:var(--text-muted)}.stat-card__delta--up{color:var(--teal-500)}.stat-card__delta--down{color:var(--red-400)}.stat-card--urgent{border-left:3px solid var(--red-500)}.stat-card--warning{border-left:3px solid var(--amber-500)}.stat-card--success{border-left:3px solid var(--teal-500)}.stat-card--info{border-left:3px solid var(--blue-500)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted)}.empty-state__icon{font-size:40px;margin-bottom:var(--space-4);opacity:.4}.empty-state__title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state__text{font-size:13px;max-width:320px;line-height:1.6}.code-block{background:var(--bg-void);border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:12px;color:var(--teal-300);overflow-x:auto;white-space:pre-wrap;word-break:break-all}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease both}.animate-pulse{animation:pulse 2s ease infinite}.severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.severity-dot--critical,.severity-dot--urgent,.severity-dot--risk{background:var(--red-500);box-shadow:0 0 6px var(--red-500)}.severity-dot--warning,.severity-dot--important{background:var(--amber-500)}.severity-dot--info,.severity-dot--analytical{background:var(--blue-500)}.severity-dot--informational,.severity-dot--low{background:var(--teal-500)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-dim);margin-bottom:var(--space-6)}.tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--trans-fast);background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--teal-500);border-bottom-color:var(--teal-500)}.graph-canvas{background:var(--bg-void);border:1px solid var(--border-dim);border-radius:var(--radius-lg);position:relative;overflow:hidden;min-height:400px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:100px;font-size:11px;color:var(--text-secondary);white-space:nowrap}