:root{--bg: #f4f6fa;--surface: #ffffff;--ink: #16203a;--muted: #5d6b85;--line: #e2e8f2;--accent: #2f6df0;--accent-ink: #ffffff;--crit: #c0263b;--high: #d9772b;--med: #b7950b;--low: #4b9a5e;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.shell{max-inline-size:920px;margin-inline:auto;padding:24px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-block-end:20px}.topbar h1{font-size:1.25rem;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-block-end:16px}.card h2{margin:0 0 12px;font-size:1.05rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}input,button,select{min-block-size:44px;font-size:1rem;border-radius:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,select{padding-inline:12px;border:1px solid #cbd5e6}button{padding-inline:16px;border:none;background:var(--accent);color:var(--accent-ink);cursor:pointer}button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}button.ghost{background:transparent;color:var(--muted);border:none}button:disabled{opacity:.5;cursor:default}.course{display:flex;align-items:center;justify-content:space-between;padding-block:10px;border-block-start:1px solid var(--line)}.course:first-of-type{border-block-start:none}.muted{color:var(--muted);font-size:.88rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;word-break:break-all}.metrics{display:flex;gap:24px;margin-block-end:14px}.metric b{display:block;font-size:1.5rem}table{inline-size:100%;border-collapse:collapse}th,td{text-align:start;padding:8px 6px;border-block-end:1px solid var(--line);font-size:.9rem}th{color:var(--muted);font-weight:600}.sev{display:inline-block;padding:2px 8px;border-radius:999px;color:#fff;font-size:.74rem}.sev.critical{background:var(--crit)}.sev.high{background:var(--high)}.sev.medium{background:var(--med)}.sev.low{background:var(--low)}.bar{block-size:8px;background:var(--line);border-radius:999px;overflow:hidden}.bar>span{display:block;block-size:100%;background:var(--accent)}.center{min-block-size:70vh;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.error{color:var(--crit)}.login{max-inline-size:360px}