@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--bg-base:#0d0d0f;--bg-surface:#141418;--bg-elevated:#1a1a20;--bg-card:#16161ceb;--bg-input:#111115;--bg-hover:#ffffff0a;--amber:#f59e0b;--amber-dim:#d97706;--amber-bright:#fbbf24;--amber-glow:#f59e0b4d;--amber-subtle:#f59e0b14;--amber-border:#f59e0b40;--ice:#e0e7ff;--ice-dim:#a5b4fc;--border-faint:#ffffff0f;--border-subtle:#ffffff1a;--border-amber:#f59e0b38;--border-amber-bright:#fbbf2473;--text-primary:#f5f5f7;--text-secondary:#a8a8b3;--text-muted:#6b6b78;--text-dim:#404047;--sev-low:#34d399;--sev-low-bg:#34d3991a;--sev-low-border:#34d39947;--sev-med:#60a5fa;--sev-med-bg:#60a5fa1a;--sev-med-border:#60a5fa47;--sev-high:#f59e0b;--sev-high-bg:#f59e0b1f;--sev-high-border:#f59e0b59;--sev-crit:#f43f5e;--sev-crit-bg:#f43f5e1f;--sev-crit-border:#f43f5e61;--r-xs:5px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(80% 50% at 50% -10%,#f59e0b14 0%,#0000 70%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;position:fixed;inset:0}#__next,main{z-index:1;position:relative}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .18s}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-amber{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes statusPulseGreen{0%,to{box-shadow:0 0 #34d399b3}60%{box-shadow:0 0 0 6px #34d39900}}@keyframes statusPulseYellow{0%,to{box-shadow:0 0 #fbbf24cc}50%{box-shadow:0 0 0 5px #fbbf2400}}@keyframes statusPulseRed{0%,to{box-shadow:0 0 #f87171b3}60%{box-shadow:0 0 0 6px #f8717100}}@keyframes thinking-dots{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in-sidebar{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-up{animation:.28s cubic-bezier(.16,1,.3,1) both slideUp}.animate-fade-in{animation:.22s both fadeIn}.animate-slide-right{animation:.28s cubic-bezier(.16,1,.3,1) both slideRight}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-amber{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-amber)}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:var(--r-full);align-items:center;gap:.3em;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-low{background:var(--sev-low-bg);color:var(--sev-low);border:1px solid var(--sev-low-border)}.badge-medium{background:var(--sev-med-bg);color:var(--sev-med);border:1px solid var(--sev-med-border)}.badge-high{background:var(--sev-high-bg);color:var(--sev-high);border:1px solid var(--sev-high-border)}.badge-critical{background:var(--sev-crit-bg);color:var(--sev-crit);border:1px solid var(--sev-crit-border)}.amber-dot{background:var(--amber);width:7px;height:7px;box-shadow:0 0 8px var(--amber);border-radius:50%;animation:2s infinite pulse-amber}.thinking span{background:var(--amber);border-radius:50%;width:6px;height:6px;margin:0 2px;display:inline-block}.thinking span:first-child{animation:1.2s infinite thinking-dots}.thinking span:nth-child(2){animation:1.2s .2s infinite thinking-dots}.thinking span:nth-child(3){animation:1.2s .4s infinite thinking-dots}.btn-primary{background:var(--amber);color:#0d0d0f;border-radius:var(--r-md);justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 0 18px #f59e0b59}.btn-primary:hover{background:var(--amber-bright);transform:translateY(-1px);box-shadow:0 0 28px #f59e0b8c}.btn-primary:disabled{color:#f59e0b80;box-shadow:none;cursor:not-allowed;background:#f59e0b40;transform:none}.btn-ghost{background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--r-md);border:1px solid var(--border-faint);justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:all .18s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-subtle);color:var(--text-primary);background:#ffffff12}.btn-icon{border-radius:var(--r-md);border:1px solid var(--border-faint);background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.btn-icon:hover{border-color:var(--border-subtle);color:var(--text-primary);background:#ffffff14}.input{background:var(--bg-input);border:1px solid var(--border-faint);border-radius:var(--r-md);width:100%;color:var(--text-primary);outline:none;padding:.65rem 1rem;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--amber-border);box-shadow:0 0 0 3px #f59e0b1f}.input::placeholder{color:var(--text-dim)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.diag-sidebar{background:var(--bg-surface);border-left:1px solid var(--border-amber);z-index:201;flex-direction:column;width:min(520px,100vw);height:100vh;animation:.32s cubic-bezier(.16,1,.3,1) slide-in-sidebar;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-20px 0 60px #0009,-2px 0 30px #f59e0b14}