:root{--bg:#0f1115;--panel:#171a21;--panel2:#1c2029;--border:#262b36;--text:#e6e9ef;--muted:#8b93a7;--faint:#5b6376;--accent:#5b9cff;--good:#36c08a;--warn:#f0a13a;--bad:#ef5f6b;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}body{-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}a{color:var(--accent)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.grow{flex:1}.center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card-mid{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:36px 32px}.card-mid h1{margin:0 0 6px;font-size:20px}.card-mid p{color:var(--muted);margin:8px 0 22px}.btn{appearance:none;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:11px 18px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default;border-color:var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#07121f}.btn-google{align-items:center;gap:10px;display:inline-flex}.btn-google svg{width:18px;height:18px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.err{color:var(--bad);font-family:var(--mono);word-break:break-word;font-size:12px}header{z-index:10;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--border);background:#0f1115db;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}header .brand{letter-spacing:.2px;font-weight:700}header .dot{background:var(--good);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}header .meta{color:var(--muted);font-size:12px}main{max-width:1500px;margin:0 auto;padding:20px}section{margin:0 0 30px}section>h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:700}section>h2 .count{color:var(--faint);margin-left:6px;font-weight:600}.sub-h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:700}.kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 15px}.kpi .v{font-size:26px;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums}.kpi .l{color:var(--muted);margin-top:3px;font-size:12px}.kpi .sub{color:var(--faint);font-size:11px;font-family:var(--mono);margin-top:7px}.kpi.good .v{color:var(--good)}.kpi.warn .v{color:var(--warn)}.kpi.bad .v{color:var(--bad)}.cd-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.cd{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px 15px;display:flex}.cd .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cd .when{color:var(--muted);font-size:12px}.cd .timer{font-family:var(--mono);color:var(--accent);letter-spacing:.5px;font-size:22px;font-weight:700}.cd .timer.soon{color:var(--warn)}.cd .timer.live{color:var(--good)}.cd .foot{color:var(--faint);justify-content:space-between;gap:8px;font-size:11px;display:flex}.tablewrap{border:1px solid var(--border);background:var(--panel);border-radius:12px;max-height:460px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--panel2);color:var(--muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);z-index:1;vertical-align:top;padding:9px 12px;font-weight:600;position:sticky;top:0}tbody td{border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel2)}td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}td.dim{color:var(--muted)}.pill{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.green{color:var(--good);background:#13261f;border-color:#234b3c}.pill.blue{color:var(--accent);background:#121e30;border-color:#21385f}.pill.amber{color:var(--warn);background:#241c10;border-color:#4d3a1c}.pill.red{color:var(--bad);background:#241115;border-color:#4d2329}.empty{color:var(--faint);text-align:left;padding:18px 12px;font-style:italic}.cols2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=900px){.cols2{grid-template-columns:1fr}}.dt{flex-direction:column;gap:8px;display:flex}.dt-toolbar,.dt-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-search{background:var(--panel2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:9px;flex:0 240px;padding:7px 11px;font-size:13px}.dt-search:focus{border-color:var(--accent);outline:none}.dt-search::placeholder{color:var(--faint)}.dt-btn{border-radius:9px;padding:6px 11px;font-size:12px}.dt-select,.th-select{background:var(--panel2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:6px 8px;font-size:12px}.dt-menu{position:relative}.dt-pop{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:170px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 10px 28px #00000073}.dt-pop-item{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.dt-pop-item:hover{background:var(--panel2)}.dt-count,.dt-pageno{color:var(--muted);font-size:12px;font-family:var(--mono)}.th-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.th-sort{color:var(--faint);font-size:11px}.th-select{text-transform:none;width:100%;margin-top:6px;font-weight:400;display:block}