:root{--bg:#f2f3f7;--surface:#fff;--border:#e5e7ee;--border-strong:#d7dae3;--text:#12141c;--muted:#6b7080;--muted-soft:#9298a8;--accent:#3a4dd1;--accent-hover:#2f3fb3;--accent-soft:#eef0fd;--good:#1a8a5f;--good-soft:#e4f7ee;--bad:#c23b3b;--bad-soft:#fbeaea;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280d}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}.center-screen{background:radial-gradient(circle at 15% 10%, #3a4dd10f, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px;display:flex}.card h1{margin:0 0 2px;font-size:19px}.card input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card button,.header-row button,.link-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.card button:hover,.header-row button:hover{border-color:var(--muted-soft);background:#f7f8fb}.card button:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.link-button{color:var(--accent);background:0 0;border:none;margin-bottom:20px;padding:0;font-weight:500;text-decoration:none}.link-button:hover{text-decoration:underline}.error{color:var(--bad);background:var(--bad-soft);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.muted{color:var(--muted);font-size:13px}.page{flex-direction:column;gap:24px;max-width:1040px;margin:0 auto;padding:40px 24px 64px;display:flex}.header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-row h1{font-size:22px}.header-row .muted{margin-top:2px}.card.panel{align-items:stretch;gap:0;width:100%;max-width:none;padding:20px 20px 8px}.panel-header{justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.panel-title{font-size:15px}.panel .muted{padding-bottom:16px}.table-scroll{margin:0 -20px;padding:0 20px 20px;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:13.5px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}td{color:var(--text)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer;transition:background .12s}tr.clickable:hover td{background:var(--accent-soft)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-correct{background:var(--good-soft);color:var(--good)}.badge-incorrect{background:var(--bad-soft);color:var(--bad)}.chip-row{white-space:normal;flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}