:root{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-2:#1a1a26;--color-border:#2a2a3a;--color-text:#e8e8f0;--color-text-muted:#8888a0;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.page{max-width:1400px;margin:0 auto;padding:24px 32px}.page-title{margin-bottom:8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--color-text-muted);margin-bottom:32px;font-size:15px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page{padding:16px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.card-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.badge{border-radius:100px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background:#22c55e26}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.badge-info{color:var(--color-info);background:#3b82f626}.btn{border-radius:var(--radius);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-danger{color:var(--color-danger);background:#ef444426}.btn-danger:hover{background:#ef444440}.btn-sm{padding:4px 10px;font-size:12px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--color-border);padding:12px;font-size:14px}.table tbody tr:hover{background:var(--color-surface-2)}.score-bar{background:var(--color-surface-2);border-radius:3px;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width .6s}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}