:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f4f5f7;--bg-card:#fff;--bg-sidebar:#fff;--border:#e7e8ec;--border-strong:#dcdde3;--text-primary:#12131a;--text-secondary:#6b6d78;--text-muted:#9a9ba5;--accent:#5b5bf0;--accent-dark:#4644d6;--accent-soft:#eef;--good:#0a8f3c;--good-soft:#e7f7ec;--bad:#d0392f;--bad-soft:#fdecea;--bad-glow:#d0392f2e;--bad-glow-strong:#d0392f5c;--warn:#7a5b06;--warn-soft:#fff9ec;--warn-border:#f4e3b2;--shadow-card:0 1px 2px #10111c0a, 0 1px 12px #10111c0a;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--s-vtvprime:#2a78d6;--s-vtvcabon:#eb6834;--s-onplus:#1baf7a;--s-vtvgo:#eda100;--s-icom:#e87ba4;--s-thvt:#008300;--gridline:#eceef2;--axis:#c7c8d1;--tooltip-bg:#1a1b23;--surface-hover:#f7f7fb}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#14151d;--bg-card:#1c1e29;--bg-sidebar:#181920;--border:#2a2c38;--border-strong:#3a3d4d;--text-primary:#f0f1f5;--text-secondary:#a8aab5;--text-muted:#7c7e8c;--accent:#7a7af5;--accent-dark:#9291ff;--accent-soft:#2a2a4a;--good:#3ddc74;--good-soft:#123a24;--bad:#ff6b60;--bad-soft:#3a1816;--bad-glow:#ff6b603d;--bad-glow-strong:#ff6b6075;--warn:#f0c060;--warn-soft:#3a2f12;--warn-border:#5c4a1f;--shadow-card:0 1px 2px #0000004d, 0 1px 12px #0000003d;--gridline:#262836;--axis:#565968;--tooltip-bg:#34374a;--surface-hover:#242631}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}.app{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:80;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;transition:transform .22s;display:flex;position:sticky;top:0;overflow-y:auto}.menu-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:none}.sidebar-backdrop{z-index:70;background:#10111c61;display:none;position:fixed;inset:0}.sidebar-backdrop.show{display:block}.brand{align-items:center;gap:10px;padding:0 6px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #8b7bf5);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 10px #5b5bf059}.brand-text{line-height:1.15}.brand-text b{font-size:15px;font-weight:800;display:block}.brand-text span{color:var(--text-muted);font-size:11px}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:10px 10px 4px;font-size:10.5px;font-weight:700}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.nav-item .dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-item.active .dot{background:currentColor}.nav-icon{text-align:center;flex-shrink:0;width:16px;font-size:14px}.sidebar-footer{color:#fff;background:linear-gradient(160deg,#5b5bf0,#7a6cf0 60%,#8b7bf5);border-radius:16px;margin-top:auto;padding:16px}.sidebar-footer .sf-title{opacity:.95;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.sidebar-footer .sf-value{opacity:.92;margin-top:8px;font-size:13px;line-height:1.5}.sidebar-footer .sf-value b{font-size:13.5px;display:block}.sidebar-footer .sf-link{background:#ffffff29;border:1px solid #ffffff4d;border-radius:9px;align-items:center;gap:6px;margin-top:12px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.main{min-width:0;max-width:1440px;padding:22px 28px 60px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.topbar .sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.topbar-right{align-items:center;gap:10px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:11px;align-items:center;gap:8px;min-width:230px;padding:8px 12px;font-size:13px;display:flex}.avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffb173,#ff7a7a);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:inherit;font-size:12.5px;font-weight:700;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #5b5bf047}.btn:hover{background:var(--accent-dark)}.btn.ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);box-shadow:none;font-weight:600}.btn.ghost:hover{background:var(--surface-hover)}.info-banner{background:var(--warn-soft);border:1px solid var(--warn-border);color:var(--warn);border-radius:12px;align-items:flex-start;gap:10px;margin-top:18px;margin-bottom:18px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.info-banner b{font-weight:700}.filterbar{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;display:flex}.seg{background:var(--surface-hover);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600}.seg button.active{background:var(--accent);color:#fff}.seg button:disabled{opacity:.4;cursor:not-allowed}.filter-sep{background:var(--border);width:1px;height:24px;margin:0 2px}.custom-range{align-items:center;gap:6px;display:none}.custom-range.show{display:flex}.custom-range input[type=date]{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:12.5px}.dropdown{position:relative}.dropdown-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex}.dropdown-btn:hover{border-color:var(--border-strong)}.dropdown-panel{z-index:40;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #10111c24}.dropdown-panel.show{display:block}.dd-row{cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;font-size:12.5px;font-weight:500;display:flex}.dd-row:hover{background:var(--surface-hover)}.dd-row input{accent-color:var(--accent);width:14px;height:14px}.dd-swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dd-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:5px;padding:7px 8px 2px;display:flex}.dd-footer button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.log-filter-dropdown .dropdown-panel{left:auto;right:0}.dd-section-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:8px 8px 2px;font-size:11px;font-weight:700}.dd-scroll{max-height:180px;overflow-y:auto}.toggle-wrap{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.toggle{background:var(--border-strong);cursor:pointer;border-radius:99px;flex-shrink:0;width:34px;height:20px;transition:background .15s;position:relative}.toggle.on{background:var(--accent)}.toggle .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.toggle.on .knob{left:16px}.range-label{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:12px}.grid{gap:18px;margin-bottom:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3-1{grid-template-columns:2fr 1fr}.grid-3-1-1{grid-template-columns:2fr 1fr 1fr}.grid-2{grid-template-columns:1fr 1fr}@media (max-width:1180px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-3-1,.grid-3-1-1,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0;padding:18px 20px}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.kpi-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.kpi-body{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.settings-kpi-card{align-items:center;gap:16px;display:flex;position:relative;overflow:hidden}.settings-kpi-glow{pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.settings-kpi-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex;position:relative}.settings-kpi-body{flex-direction:column;gap:3px;display:flex;position:relative}.settings-kpi-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.settings-kpi-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.kpi-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:800}.kpi-delta{align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.kpi-delta.up{color:var(--good)}.kpi-delta.down{color:var(--bad)}.kpi-delta.flat{color:var(--text-muted)}.kpi-note{color:var(--text-muted);margin-top:4px;font-size:11px}.kpi-spark{flex-shrink:0}.chart-card .ch-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.ch-title{font-size:14.5px;font-weight:800}.ch-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.legend{flex-wrap:wrap;gap:10px 16px;margin-top:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.legend-item b{color:var(--text-primary);font-variant-numeric:tabular-nums}.badge{border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.badge.up{background:var(--good-soft);color:var(--good)}.badge.down{background:var(--bad-soft);color:var(--bad)}.badge.flat{background:var(--border);color:var(--text-muted)}.ext-value{font-weight:800}.ext-value.max{color:var(--good)}.ext-value.min{color:var(--bad)}.badge.owner{background:var(--accent-soft);color:var(--accent-dark)}.badge.admin{background:var(--good-soft);color:var(--good)}.badge.member{background:var(--border);color:var(--text-muted)}.badge.approved{background:var(--good-soft);color:var(--good)}.badge.pending{background:var(--warn-soft);color:var(--warn)}.badge.blocked{background:var(--bad-soft);color:var(--bad)}.badge.rejected{background:var(--border);color:var(--text-muted)}.badge.invited{background:var(--warn-soft);color:var(--warn)}.badge.active{background:var(--good-soft);color:var(--good)}.badge.ended{background:var(--border);color:var(--text-muted)}.event-breakdown-item{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:11px}svg text{font-family:inherit}.axis-label{fill:var(--text-muted);font-size:10.5px}.grid-line{stroke:var(--gridline);stroke-width:1px}.tooltip{pointer-events:none;background:var(--tooltip-bg);color:#fff;opacity:0;z-index:30;white-space:nowrap;border-radius:9px;padding:8px 11px;font-size:11.5px;line-height:1.5;transition:opacity .1s;position:absolute;box-shadow:0 8px 20px #00000040}.tooltip b{font-size:12.5px}.tooltip .tt-row{align-items:center;gap:6px;display:flex}.tooltip .tt-dot{border-radius:50%;width:7px;height:7px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:9px 10px}tbody tr:hover{background:var(--surface-hover)}.cell-date{font-weight:700}.cell-week{color:var(--text-muted);font-weight:500}.pill{border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.up{background:var(--good-soft);color:var(--good)}.pill.down{background:var(--bad-soft);color:var(--bad)}.pill.flat{background:var(--border);color:var(--text-muted)}.note-cell{color:var(--text-secondary);white-space:normal;max-width:260px;font-weight:500}.donut-pct-pill{background:var(--bg-card);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:2;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 7px;font-size:11.5px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0f172a24,0 1px 2px #0f172a0f}.donut-pct-pill .dpp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tab-row{gap:6px;display:flex}.tab-row button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:600}.tab-row button.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.plan-meter-track{background:var(--border);border-radius:99px;height:14px;margin:6px 0 4px;position:relative;overflow:visible}.plan-meter-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:99px;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.plan-meter-pace{background:var(--text-primary);opacity:.5;width:2px;height:22px;position:absolute;top:-4px;left:0%}.plan-stats{margin-top:14px}.plan-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;font-size:12.5px;display:flex}.plan-stat-row:last-child{border-bottom:none}.plan-stat-row .psr-label{color:var(--text-secondary);font-weight:600}.plan-stat-row .psr-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.plan-stat-row .psr-value.up{color:var(--good)}.plan-stat-row .psr-value.down{color:var(--bad)}.heatmap-grid{grid-template-columns:58px repeat(31,minmax(24px,1fr));gap:3px;min-width:900px;display:grid}.heatmap-grid-24{grid-template-columns:58px repeat(24,minmax(24px,1fr));gap:3px;min-width:700px;display:grid}.hm-cell{box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;height:24px;font-size:10.5px;display:flex}.hm-head{color:var(--text-muted);height:20px;font-size:10px;font-weight:700}.hm-rowlabel{color:var(--text-secondary);justify-content:flex-start;padding-left:6px;font-size:11.5px;font-weight:700}.hm-empty{background:var(--bg-page)}.hm-value{cursor:pointer;transition:transform .1s,outline .1s}.hm-value:hover{outline:1.5px solid var(--text-primary);z-index:1;position:relative;transform:scale(1.15)}.pending-title{align-items:center;gap:10px;margin:8px 0 14px;display:flex}.pending-title h2{margin:0;font-size:16px;font-weight:800}.pending-title span{color:var(--text-muted);font-size:12px}.pending-card{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-hover);flex-direction:column;gap:8px;min-height:150px;padding:20px;display:flex}.pending-card .pc-icon{background:var(--surface-hover);width:34px;height:34px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.pending-card h3{margin:2px 0 0;font-size:13.5px;font-weight:700}.pending-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.pending-card .pc-status{color:var(--warn);background:var(--warn-soft);border-radius:99px;width:fit-content;margin-top:auto;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}footer.page-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:26px;padding-top:16px;font-size:11.5px;display:flex}@media (max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3-1,.grid-3-1-1,.grid-2{grid-template-columns:1fr}}@media (max-width:900px){.app{grid-template-columns:1fr}.menu-btn{display:flex}.sidebar{width:264px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 12px 40px #10111c2e}.sidebar.open{transform:translate(0)}.main{padding:16px 16px 48px}}@media (max-width:720px){.topbar h1{font-size:19px}.search-box{display:none}.filterbar{gap:8px}.seg button{padding:6px 9px;font-size:11.5px}.range-label{order:99;width:100%;margin-left:0}}@media (max-width:640px){.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.main{padding:14px 12px 44px}.card{padding:15px 14px}.kpi-value{font-size:21px}.kpi-spark{display:none}.topbar{gap:10px}.avatar{width:30px;height:30px;font-size:11px}}@media (max-width:420px){.grid-4{grid-template-columns:1fr}.dropdown-btn span#app-dd-label{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:90px;display:inline-block;overflow:hidden}}.login-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;width:100%;max-width:360px;padding:32px 28px}.login-mark{border-radius:12px;width:44px;height:44px;margin:0 auto 14px;font-size:18px}.login-card h1{margin:0 0 14px;font-size:18px}.login-card p{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.login-card .btn{justify-content:center;width:100%}.login-email{font-weight:600;color:var(--text-primary)!important}.login-warn{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px!important}.login-error{color:var(--bad)!important;margin:12px 0 0!important;font-size:12.5px!important}.account-dropdown .dropdown-panel{min-width:200px;left:auto;right:0}.account-email{word-break:break-all;padding:6px 8px 2px;font-size:12.5px;font-weight:700}.account-role{color:var(--text-muted);padding:0 8px 6px;font-size:11.5px}.btn.danger{background:var(--bad);box-shadow:none}.btn.danger:hover{background:#b62f27}.settings-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-role-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-card);padding:6px 8px;font-family:inherit;font-size:12.5px}.settings-nopermission{color:var(--text-muted)}.settings-processing{color:var(--text-muted);font-size:12.5px;font-weight:600}.settings-error{background:var(--bad-soft);color:var(--bad);border-radius:var(--radius-sm);margin:0 0 12px;padding:8px 12px;font-size:12.5px}.settings-edit-btn{margin-left:8px;padding:4px 10px;font-size:11.5px}.settings-permissions-editor{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:24px;padding:14px 16px;display:flex}.settings-permissions-group{flex-direction:column;gap:2px;min-width:160px;display:flex}.settings-permissions-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:700}.settings-permissions-actions{align-items:flex-end;gap:8px;display:flex}.settings-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-card);padding:6px 8px;font-family:inherit;font-size:12.5px}.settings-event-form{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.settings-event-form-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.settings-event-sources{flex-direction:column;gap:8px;display:flex}.settings-event-source{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:8px 10px}.settings-event-packages{flex-wrap:wrap;gap:2px 18px;margin:6px 0 0 22px;display:flex}.settings-event-package-group-label{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:6px;font-size:10.5px;font-weight:700}.settings-pair-columns{flex-wrap:wrap;gap:16px;display:flex}.settings-pairgroup{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;flex:280px;gap:10px;min-width:260px;padding:12px;display:flex}.dashboard-loading{background:var(--bg-page);min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13.5px;display:flex}.dashboard-loading-spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite dashboard-loading-spin}@keyframes dashboard-loading-spin{to{transform:rotate(360deg)}}.theme-toggle{flex-shrink:0;justify-content:center;width:38px;height:38px;padding:0;font-size:15px}.debug-bypass-banner{color:#fff;text-align:center;background:repeating-linear-gradient(135deg,#d0392f,#d0392f 12px,#b62f27 12px 24px);border-radius:10px;margin-bottom:14px;padding:8px 14px;font-size:12.5px;font-weight:700}.ga4-loading,.ga4-empty{text-align:center;color:var(--text-muted);padding:32px 0;font-size:12.5px}.ga4-ranked-list{flex-direction:column;gap:9px;display:flex}.ga4-ranked-row{grid-template-columns:108px 1fr 56px;align-items:center;gap:10px;display:grid}.ga4-ranked-label{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.ga4-ranked-code{color:var(--text-muted);font-size:11px;font-weight:400}.ga4-ranked-bar-track{background:var(--surface-hover);border-radius:999px;height:10px;overflow:hidden}.ga4-ranked-bar-fill{border-radius:999px;height:100%;transition:width .2s}.ga4-ranked-value{text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.ga4-kpi-value{font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:30px;font-weight:800}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1.6s ease-in-out infinite live-dot-pulse;display:inline-block}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.realtime-spotlight-card{border-color:var(--bad);position:relative;overflow:hidden}.realtime-spotlight-card:before{content:"";background:linear-gradient(135deg, var(--bad-glow), transparent 60%);pointer-events:none;position:absolute;inset:0}.realtime-spotlight-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.realtime-live-badge{background:var(--bad-soft);color:var(--bad);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.live-dot-red{background:var(--bad);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite live-dot-pulse;display:inline-block}.realtime-spotlight-value{font-variant-numeric:tabular-nums;margin:10px 0 2px;font-size:42px;font-weight:800;line-height:1;position:relative}.scroll-top-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px -4px #10111c59}.scroll-top-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #10111c6b}.realtime-spotlight-controls{z-index:1;align-items:center;gap:8px;display:flex;position:absolute;top:18px;right:20px}.realtime-ctrl-btn{border:1px solid var(--border);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:flex}.realtime-ctrl-btn:hover:not(:disabled){border-color:var(--border-strong)}.realtime-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.live-dot-gray{background:var(--text-muted);border-radius:50%;width:7px;height:7px;display:inline-block}.realtime-spotlight-minimized-note{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:20px 0 6px;font-size:13px;display:flex;position:relative}.realtime-float-widget{z-index:50;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 10px;display:flex;position:fixed;bottom:18px;right:82px;box-shadow:0 8px 20px -4px #10111c59}.realtime-float-chart{flex-shrink:0;width:90px}.realtime-float-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:800}