:root{color-scheme:dark;--bg:#0b0d12;--surface:#141821;--border:#2a3140;--text:#edf1f7;--muted:#a0acbe;--accent:#bc164a;--success:#80d9b0;--error:#ff9db4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}header,main{max-width:1380px;margin:auto;padding:24px 32px}header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.brand{color:var(--text);font-weight:750;text-decoration:none}.brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:3px}h1{font-size:32px;margin:4px 0 12px;line-height:1.3}h2{font-size:19px;margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--error);margin:0}.muted{color:var(--muted);font-size:14px}.note{max-width:1100px;margin:18px 0 28px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.login{max-width:430px;margin:64px auto}.login label{display:block;margin:24px 0 8px}button,input,select{font:inherit;color:inherit;border:1px solid var(--border);border-radius:7px;background:var(--bg);min-height:44px;padding:9px 14px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:var(--muted);background:#202737}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #efa4bc;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent)}.login .primary{width:100%;margin-top:20px}.password-row{display:flex;gap:8px}.password-row input{min-width:0;width:100%}.heading,.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}.heading{margin:16px 0 24px}.toolbar{justify-content:flex-end;flex-wrap:wrap}.toolbar label{font-size:14px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.metric span{display:block;font-size:14px;color:var(--muted)}.metric strong{display:block;font-size:29px;line-height:1.4;font-variant-numeric:tabular-nums;margin:9px 0 2px;overflow-wrap:anywhere}.metric small{color:var(--muted);font-size:12px}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.ranking-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.ranking-row:last-child{border:0}.ranking-row span:first-child{overflow-wrap:anywhere}.ranking-row small{color:var(--muted);white-space:nowrap}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.record-heading h2{margin:0}#filter-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#filter-form label{font-size:14px;color:var(--muted)}#filter{min-width:0;width:260px}.tabs{display:flex;gap:8px;margin:24px 0 16px}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent)}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:500;color:var(--muted);white-space:nowrap}th,td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:top}td{max-width:290px;overflow-wrap:anywhere}td.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}td small{display:block;color:var(--muted);font-size:12px}.pill{color:var(--success);white-space:nowrap}.pager{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:20px;font-size:14px}#status{color:var(--muted);font-size:14px;min-height:22px}#status.error{color:var(--error)}[hidden]{display:none!important}.empty{padding:24px 0;color:var(--muted)}@media(max-width:900px){.heading,.record-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings{grid-template-columns:1fr}.toolbar{justify-content:flex-start}}@media(max-width:500px){header,main{padding:20px 16px}.panel{padding:18px}.metric{padding:16px 12px}.metric strong{font-size:23px}.metrics{gap:10px}.login{margin:32px auto}#filter{width:100%}#filter-form{width:100%}.tabs{gap:6px}.tabs button{padding:9px 10px;font-size:14px}.pager{gap:10px}.toolbar{gap:8px}h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}