:root{--bg:#0d0f12;--surface:#141720;--element:#1c2030;--border:#2a3045;--text:#e2e8f0;--text-muted:#64748b;--accent:#4fd1c5;--accent-dim:#4fd1c51f;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--sev-C:#ef4444;--sev-S:#f97316;--sev-M:#fbbf24;--sev-m:#9ca3af}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:24px 0 16px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 20px 24px}.sidebar-logo h1{color:var(--accent);letter-spacing:.02em;font-size:15px;font-weight:600}.sidebar-logo p{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-top:2px}.main-content{flex:1;padding:32px 40px;overflow-y:auto}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.88}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#0d0f12}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}input,select,textarea{background:var(--element);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);border-radius:6px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{resize:vertical;min-height:80px}select option{background:var(--element)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.sev-badge{width:28px;height:28px;font-family:var(--font-mono);color:#0d0f12;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.sev-C{background:var(--sev-C)}.sev-S{background:var(--sev-S)}.sev-M{background:var(--sev-M)}.sev-m{background:var(--sev-m)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.loading-overlay{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 0;font-size:13px;display:flex}.error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.section-title{color:var(--text);margin-bottom:20px;font-size:18px;font-weight:600}.mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}