:root{--bg:#0b0e14;--bg-deep:#070910;--surface:#131722;--surface-2:#1a2030;--border:#232a3a;--text:#d4d9e4;--text-muted:#6b7488;--heading:#eef1f7;--accent:#2962ff;--accent-hover:#1e54e0;--pos:#26a96c;--pos-bright:#3ddc97;--neg:#ef5350;--neg-bright:#ff6b66;--shadow:0 8px 32px #00000073}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app{min-height:100vh}.app-header{background:var(--bg-deep);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-logo{color:var(--accent);letter-spacing:-2px;font-size:18px}.brand-name{color:var(--heading);letter-spacing:.5px;font-weight:700}.user{align-items:center;gap:12px;display:flex}.avatar{border:1px solid var(--border);border-radius:50%;width:30px;height:30px}.email{color:var(--text-muted);font-size:13px}main{max-width:1280px;margin:0 auto;padding:24px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.title-block h2{color:var(--heading);margin:0;font-size:24px}.meta{color:var(--text-muted);font-size:12px}.toolbar-actions{gap:10px;display:flex}button{cursor:pointer;font-family:inherit;transition:all .15s}.btn-primary,.btn-refresh{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary:hover,.btn-refresh:hover{background:var(--accent-hover)}.btn-primary:disabled,.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh{background:var(--pos)}.btn-refresh:hover{background:#1f8f5a}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;padding:10px 16px;font-size:14px}.btn-ghost:hover{background:var(--surface-2)}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500}.tab.active{color:var(--heading);border-bottom-color:var(--accent)}.tab:hover{color:var(--text)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px}.stat-value{color:var(--heading);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat-value.pos{color:var(--pos-bright)}.stat-value.neg{color:var(--neg-bright)}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.search,.connect-row input,#root input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.search{min-width:220px}.search:focus,.connect-row input:focus{border-color:var(--accent)}.table-wrap{border:1px solid var(--border);background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--surface-2);color:var(--text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;font-size:11px;font-weight:600;position:sticky;top:0}tbody td{border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:11px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}td.num{text-align:right}td.pos{color:var(--pos-bright);font-weight:600}td.neg{color:var(--neg-bright);font-weight:600}.connect{max-width:720px}.connect h2{color:var(--heading)}.connect-row{gap:10px;margin-top:16px;display:flex}.connect-row input{flex:1}.sub{color:var(--text-muted);font-size:14px;line-height:1.6}.centered{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;max-width:420px;box-shadow:var(--shadow);border-radius:18px;padding:40px 36px}.login-card .logo{color:var(--accent);letter-spacing:-4px;margin-bottom:10px;font-size:36px}.login-card h1{color:var(--heading);margin:0 0 12px;font-size:26px}.login-card .sub{margin-bottom:24px}.btn-google{color:#1a1a1a;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-size:15px;font-weight:600;display:flex}.btn-google:hover{background:#f0f0f0}.btn-google .g{color:#4285f4;font-family:Georgia,serif;font-weight:800}.note{color:var(--text-muted);margin-top:16px;margin-bottom:0;font-size:12px}.error{color:var(--neg-bright);background:#ef53501f;border:1px solid #ef535066;border-radius:10px;margin:14px 0;padding:12px 16px;font-size:13px}.empty{color:var(--text-muted);text-align:center;padding:40px}.info-note{color:var(--text);background:#2962ff1a;border:1px solid #2962ff59;border-radius:10px;margin:14px 0;padding:12px 16px;font-size:13px;line-height:1.5}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.charts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px;display:grid}.charts-grid .span-2{grid-column:1/-1}.chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:16px 18px;display:flex}.chart-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:600}.chart-body{width:100%;height:280px}.span-2 .chart-body{height:320px}.chart-placeholder{border:1px dashed var(--border);width:100%;height:200px;color:var(--text-muted);background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff04 10px 20px);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.bench-wrap{flex-direction:column;display:flex}.bench-controls{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;font-size:13px;display:flex}.bench-controls label{align-items:center;display:flex}.cap-prefix{color:var(--text-muted);margin-right:2px}.cap-input{background:var(--surface-2);border:1px solid var(--border);width:110px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;outline:none;padding:6px 8px;font-size:13px}.cap-input:focus{border-color:var(--accent)}.bench-err{color:var(--neg-bright);font-size:12px}.bench-body{width:100%;height:340px}.pwa-update-banner{background:var(--surface-2);border:1px solid var(--accent);box-shadow:var(--shadow);z-index:999;color:var(--heading);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.pwa-update-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:600}.pwa-dismiss-btn{color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:8px;padding:8px 14px}@media (width<=768px){main{padding:16px}.app-header{padding:12px 16px}.email{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.connect-row{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.charts-grid{grid-template-columns:1fr;gap:14px}.chart-body,.span-2 .chart-body{height:240px}.bench-body{height:260px}table{font-size:12px}thead th,tbody td{padding:9px 10px}}@media (width<=480px){.stats{grid-template-columns:1fr 1fr;gap:10px}.login-card{padding:32px 22px}}