.chart-card[data-v-e612e4d1]{background:#16213e;border-radius:12px;padding:16px}.chart-card h3[data-v-e612e4d1]{font-size:14px;color:#888;margin-bottom:8px;font-weight:500}.chart[data-v-e612e4d1]{width:100%;height:280px}.chart-card[data-v-36df3ad0]{background:#16213e;border-radius:12px;padding:16px}.chart-card h3[data-v-36df3ad0]{font-size:14px;color:#888;margin-bottom:8px;font-weight:500}.chart[data-v-36df3ad0]{width:100%;height:280px}.table-card[data-v-3ba75639]{background:#16213e;border-radius:12px;padding:16px}.table-card h3[data-v-3ba75639]{font-size:14px;color:#888;margin-bottom:12px;font-weight:500}table[data-v-3ba75639]{width:100%;border-collapse:collapse}th[data-v-3ba75639]{text-align:left;color:#666;font-size:12px;font-weight:500;padding:8px 12px;border-bottom:1px solid #1a1a3e}td[data-v-3ba75639]{padding:10px 12px;font-size:13px;border-bottom:1px solid #1a1a3e}tr:hover td[data-v-3ba75639]{background:#ffffff08}.ip-cell[data-v-3ba75639]{font-family:Consolas,Monaco,monospace;font-size:13px}.rank[data-v-3ba75639]{display:inline-block;width:20px;height:20px;border-radius:4px;background:#0f3460;color:#4ecdc4;text-align:center;line-height:20px;font-size:11px;margin-right:8px}.upload[data-v-3ba75639]{color:#ff6b6b}.download[data-v-3ba75639]{color:#4ecdc4}.proto-tag[data-v-3ba75639]{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;background:#0f3460;color:#a0a0a0;margin:0 2px}.empty[data-v-3ba75639]{text-align:center;color:#555;padding:24px}.auth-container[data-v-9bea22cf]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f23}.auth-card[data-v-9bea22cf]{background:#16213e;border-radius:16px;padding:40px;text-align:center;min-width:360px;box-shadow:0 8px 32px #0000004d}h1[data-v-9bea22cf]{font-size:24px;color:#e0e0e0;margin-bottom:8px}.subtitle[data-v-9bea22cf]{color:#666;font-size:14px;margin-bottom:32px}.error[data-v-9bea22cf]{background:#ff6b6b1a;color:#ff6b6b;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.btn[data-v-9bea22cf]{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-9bea22cf]{background:#4ecdc4;color:#0f0f23}.btn-primary[data-v-9bea22cf]:hover:not(:disabled){background:#45b7aa}.btn-primary[data-v-9bea22cf]:disabled{opacity:.6;cursor:not-allowed}.hint[data-v-9bea22cf]{color:#555;font-size:12px;margin-top:16px}.register-link[data-v-9bea22cf]{color:#666;font-size:13px;margin-top:24px}.register-link a[data-v-9bea22cf]{color:#4ecdc4;text-decoration:none}.register-link a[data-v-9bea22cf]:hover{text-decoration:underline}.auth-container[data-v-670f2272]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f23}.auth-card[data-v-670f2272]{background:#16213e;border-radius:16px;padding:40px;text-align:center;min-width:360px;box-shadow:0 8px 32px #0000004d}h1[data-v-670f2272]{font-size:24px;color:#e0e0e0;margin-bottom:8px}.subtitle[data-v-670f2272]{color:#666;font-size:14px;margin-bottom:32px}.error[data-v-670f2272]{background:#ff6b6b1a;color:#ff6b6b;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.btn[data-v-670f2272]{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-670f2272]{background:#4ecdc4;color:#0f0f23}.btn-primary[data-v-670f2272]:hover:not(:disabled){background:#45b7aa}.btn-primary[data-v-670f2272]:disabled{opacity:.6;cursor:not-allowed}.hint[data-v-670f2272]{color:#555;font-size:12px;margin-top:16px}.app{min-height:100vh;background:#0f0f23}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#16213e;border-bottom:1px solid #1a1a3e}.header h1{font-size:20px;font-weight:600;color:#e0e0e0}.subtitle{font-size:12px;color:#666;margin-left:12px}.header-right{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.status.online{color:#4ecdc4}.dot{width:8px;height:8px;border-radius:50%;background:#666}.status.online .dot{background:#4ecdc4;box-shadow:0 0 8px #4ecdc480}.connections{font-size:13px;color:#888}.btn-logout{background:transparent;border:1px solid #333;color:#888;padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:#ff6b6b;color:#ff6b6b}.main{padding:20px 24px;max-width:1400px;margin:0 auto}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#16213e;border-radius:12px;padding:16px;text-align:center}.stat-label{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value{font-size:22px;font-weight:600;color:#e0e0e0}.stat-value.upload{color:#ff6b6b}.stat-value.download{color:#4ecdc4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#555}.spinner{width:40px;height:40px;border:3px solid #1a1a3e;border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f23}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column;gap:8px}}