*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--bg2:#111827;--bg3:#1a2540;--border:#1e3a5f;--text:#f1f5f9;--muted:#64748b;--accent:#4fc3f7;--accent2:#1e40af;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:10px;--radius-sm:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:10px 20px;font-family:inherit;font-size:15px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent2);color:#e0f2fe;width:100%;font-weight:600}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border);width:100%}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-sm{width:auto;padding:6px 12px;font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.page{max-width:480px;margin:0 auto;padding:1.5rem 1rem}.page-wide{max-width:800px;margin:0 auto;padding:1.5rem 1rem}h1{margin-bottom:4px;font-size:22px;font-weight:600}h2{margin-bottom:1rem;font-size:18px;font-weight:600}h3{margin-bottom:8px;font-size:15px;font-weight:600}.label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.field{margin-bottom:1rem}.badge{border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-blue{color:#4fc3f7;background:#1e3a5f}.badge-green{color:#4ade80;background:#14532d}.badge-red{color:#f87171;background:#450a0a}.badge-gray{color:#94a3b8;background:#1e293b}.divider{background:var(--border);height:1px;margin:1rem 0}.error-msg{color:#f87171;border-radius:var(--radius-sm);background:#450a0a;margin-bottom:1rem;padding:10px 14px;font-size:14px}.success-msg{color:#4ade80;border-radius:var(--radius-sm);background:#14532d;margin-bottom:1rem;padding:10px 14px;font-size:14px}.navbar{border-bottom:1px solid var(--border);z-index:100;background:#0d1426;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex;position:sticky;top:0}.navbar-logo{color:var(--accent);letter-spacing:-.01em;font-size:17px;font-weight:700}.navbar-logo img{object-fit:contain;height:32px}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links a,.navbar-links button{color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;width:auto;padding:6px 10px;font-size:13px}.navbar-links a:hover,.navbar-links button:hover{color:var(--text);background:var(--bg3);opacity:1;text-decoration:none}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:10px}.table tr:last-child td{border-bottom:none}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.elo-badge{color:#4fc3f7;margin-left:4px;font-size:11px;font-weight:500}.elo-badge.positive{color:#4ade80}.elo-badge.negative{color:#ef4444}.elo-badge.neutral{color:#64748b}