:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--surface:#16161c;--surface-alt:#1d1d24;--border:#26262f;--text:#f5f5f5;--text-secondary:#9a9aa3;--text-muted:#6e6e77;--gold:#f0a500;--gold-text:#14140f;--blue:#2f80ed;--green:#27ae60;--red:#ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}button,select,input{font-family:inherit}.page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{color:var(--gold);letter-spacing:1px;font-size:22px;font-weight:800}.page-title{color:var(--gold);letter-spacing:.5px;margin:0;font-size:26px;font-weight:800}.filters{gap:12px;display:flex}select{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.tile.span-2{grid-column:span 2}.tile-label{color:var(--text-secondary);margin:0 0 10px;font-size:14px}.tile-value{color:var(--text);margin:0;font-size:32px;font-weight:800;line-height:1.1}.tile-value.gold{color:var(--gold)}.tile-change{margin-top:8px;font-size:13px}.tile-change.positive{color:var(--green)}.tile-change.negative{color:var(--red)}.tile-sub{color:var(--text-secondary);margin-top:6px;font-size:12px}.route-list{margin:4px 0 0;padding:0;list-style:none}.route-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.route-list li:last-child{border-bottom:none}.route-rank{color:var(--text-muted);margin-right:8px}.route-count{color:var(--gold);font-weight:700}.empty-state{color:var(--text-muted);text-align:center;padding:40px 0;font-size:14px}.login-shell{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:32px 28px}.login-card h1{margin:24px 0 4px;font-size:18px}.login-card .tagline{color:var(--text-muted);margin-bottom:24px;font-size:12px}.field-label{color:var(--text-secondary);margin:14px 0 6px;font-size:13px;display:block}.text-input{border:1px solid var(--border);width:100%;color:var(--text);background:#0f0f14;border-radius:10px;padding:12px 14px;font-size:14px}.btn-primary{background:var(--gold);width:100%;color:var(--gold-text);cursor:pointer;border:none;border-radius:10px;margin-top:20px;padding:13px;font-size:15px;font-weight:700}.btn-primary:disabled{opacity:.6;cursor:default}.error-text{color:var(--red);margin-top:12px;font-size:13px}@media (width<=760px){.grid{grid-template-columns:repeat(2,1fr)}.tile.span-2{grid-column:span 2}}