:root{--bg:#04070E;--surface:#0B1220;--surface-2:#101A2B;--line:rgba(126,168,196,.15);--line-2:rgba(126,168,196,.26);--text:#EAF2F6;--dim:#93A7B4;--faint:#5F7382;--scan:#34E4D6;--exposed:#FFB020;--crit:#FF5C6C;--ok:#34E4D6;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1280px;margin:0 auto;padding:0 22px}.topbar{gap:16px;height:66px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(4,7,14,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:.55em;font-weight:640;letter-spacing:-.03em;font-size:1.15rem}.brand .dot{color:var(--scan)}.spacer{margin-left:auto}.tabs{display:flex;gap:4px;margin:22px 0 18px;flex-wrap:wrap}.tab{padding:.5em .95em;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--dim);font-size:.9rem;cursor:pointer;transition:.2s}.tab:hover{color:var(--text);border-color:var(--line-2)}.tab.on{background:var(--scan);border-color:var(--scan);color:#02120F;font-weight:640}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.card{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.card .k{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.card .k,.card .v{font-family:var(--mono)}.card .v{font-size:1.9rem;font-weight:660;margin-top:.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card .v.warn{color:var(--exposed)}.card .v.good{color:var(--scan)}table{width:100%;border-collapse:collapse;font-size:.87rem}th{text-align:left;font-weight:560;color:var(--faint);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:11px 12px;vertical-align:top}tr:hover td{background:rgba(255,255,255,.02)}.tbl{border:1px solid var(--line);border-radius:13px;overflow:auto;background:var(--surface)}.pill{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;padding:.3em .6em;border-radius:6px;border:1px solid var(--line-2);color:var(--dim);white-space:nowrap}.pill.new{color:var(--exposed);border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.1)}.pill.replied,.pill.won{color:var(--scan);border-color:rgba(52,228,214,.4);background:rgba(52,228,214,.1)}.pill.lost,.pill.spam{color:var(--crit);border-color:rgba(255,92,108,.4);background:rgba(255,92,108,.1)}.grade{font-family:var(--mono);font-weight:660}.grade.A,.grade.B{color:var(--scan)}.grade.C{color:#A8DC72}.grade.D{color:var(--exposed)}.grade.E,.grade.F{color:var(--crit)}.btn{padding:.5em .9em;border-radius:8px;border:1px solid var(--line-2);background:transparent;color:var(--text);font-size:.82rem;cursor:pointer;transition:.2s}.btn:hover{background:rgba(52,228,214,.08)}.btn.primary,.btn:hover{border-color:var(--scan)}.btn.primary{background:var(--scan);color:#02120F;font-weight:640}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.55em .7em;font-size:.87rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--scan)}.muted{color:var(--dim)}.mono{font-family:var(--mono)}.center{min-height:100vh;display:grid;place-items:center}.login{width:min(360px,90vw);padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.login h1{font-size:1.2rem;margin:0 0 .3rem}.login p{color:var(--dim);font-size:.85rem;margin:0 0 1.2rem}.login input{width:100%;margin-bottom:.8rem}.login button{width:100%}.err{color:var(--crit);font-size:.82rem;margin-top:.6rem}.empty{padding:40px;text-align:center;color:var(--dim)}