:root{--background:#020617;--foreground:#f8fafc;--surface:#0f172a;--surface-hover:#1e293b;--border:#334155;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#64748b;--risk-high:#ef4444;--risk-medium:#f59e0b;--risk-low:#10b981;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--font-inter:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;height:100vh;color:var(--foreground);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#0f172ab3}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .3s,background-color .3s}.panel-card:hover{border-color:var(--secondary)}.metric-value{font-family:var(--font-mono);font-size:1.875rem;font-weight:700;line-height:2.25rem}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.badge-risk-high{color:var(--risk-high);background:#ef44441a;border:1px solid #ef444433}.badge-risk-medium{color:var(--risk-medium);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-risk-low{color:var(--risk-low);background:#10b9811a;border:1px solid #10b98133}.progress-track{background:var(--surface-hover);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s}.progress-fill-animated{position:relative}.progress-fill-animated:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite progressShimmer;position:absolute;top:0;left:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.trend-bar-container{align-items:flex-end;gap:3px;height:60px;display:flex}.trend-bar{border-radius:3px 3px 0 0;flex:1;min-width:6px;transition:height .3s}.urgency-gauge{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.urgency-gauge-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.severity-critical{color:#ef4444;text-transform:uppercase;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.severity-warning{color:#f59e0b;text-transform:uppercase;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.severity-info{color:#3b82f6;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.label-pill{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f626;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--surface-hover);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--foreground);margin-top:1.25rem;margin-bottom:.75rem;font-weight:700}.markdown-content h1{font-size:1.5rem}.markdown-content h2{border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:1.25rem}.markdown-content h3{font-size:1.125rem}.markdown-content h4{font-size:1rem}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content strong{color:#fff;font-weight:700}.markdown-content a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.markdown-content a:hover{color:var(--primary-hover)}.markdown-content code{font-family:var(--font-mono);color:#e2e8f0;background-color:#1e293bcc;border:1px solid #ffffff1a;border-radius:4px;padding:.1rem .3rem;font-size:.85em}.markdown-content pre{border:1px solid var(--border);background-color:#020617;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-content pre code{color:#e2e8f0;background-color:#0000;border:none;padding:0;font-size:.875rem}.markdown-content blockquote{border-left:3px solid var(--primary);color:var(--secondary);background:#3b82f60d;border-radius:0 4px 4px 0;margin-bottom:1rem;padding:.75rem 1rem;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.875rem}.markdown-content th{text-align:left;border-bottom:2px solid var(--border);color:#94a3b8;background-color:#1e293b80;font-weight:600}.markdown-content td{border-bottom:1px solid #33415580}.markdown-content th,.markdown-content td{padding:.75rem 1rem}.markdown-content tr:last-child td{border-bottom:none}
