:root{--bg:#07111f;--bg-deep:#040914;--surface:rgba(14,25,43,.92);--ink:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,.16);--primary:#38bdf8;--danger:#fb7185;--shadow:0 22px 60px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% -8%,rgba(56,189,248,.17),transparent 30%),radial-gradient(circle at 92% 0%,rgba(167,139,250,.13),transparent 27%),linear-gradient(145deg,var(--bg-deep),var(--bg) 52%,#0b182b)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.container{position:relative;z-index:1;width:min(1480px,calc(100% - 48px));margin:auto;padding:28px 0 48px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}h1{margin:8px 0 7px;font-size:clamp(26px,4vw,42px);letter-spacing:-.04em}p{margin:0;color:var(--muted)}.button{border:1px solid rgba(148,163,184,.28);border-radius:10px;background:rgba(14,27,47,.78);color:var(--ink);padding:11px 18px;font-weight:700;cursor:pointer}.button:hover{border-color:rgba(56,189,248,.7);background:rgba(26,49,78,.9)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.metrics article,.panel{background:linear-gradient(145deg,#11233be8,#0c192ce8);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metrics article{padding:22px}.metrics small{display:block;color:var(--muted);font-weight:700}.metrics strong{display:block;margin-top:12px;font-size:34px}.panel{padding:22px;margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-header h2{margin:0;font-size:19px}.panel-header span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}td{color:#dce4f8}tbody tr:last-child td{border-bottom:0}.live-path{margin:0;padding-left:18px;min-width:230px;color:#dce4f8}.live-path li{padding:2px 0}.live-path small,.muted-line{display:block;color:var(--muted);font-size:11px}.tabs{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.tabs a{padding:10px 14px;border-radius:9px;color:#b7c3d8;text-decoration:none;font-size:14px;font-weight:700}.tabs a.active{background:rgba(56,189,248,.15);color:var(--primary)}.error{margin-bottom:16px;padding:13px 15px;border-radius:10px;background:rgba(251,113,133,.12);color:var(--danger);border:1px solid rgba(251,113,133,.3)}.site-page-rankings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-page-ranking{min-width:0}.site-page-ranking .panel-header{margin-bottom:10px}.site-page-ranking table{min-width:320px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#a78bfa;word-break:break-all}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:272px;padding:18px 14px;background:rgba(4,10,20,.96);border-right:1px solid rgba(148,163,184,.14);box-shadow:12px 0 32px rgba(0,0,0,.24);backdrop-filter:blur(18px);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 4px 22px;padding:9px 10px;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.01em}.sidebar-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#06121d;background:linear-gradient(135deg,#38bdf8,#a78bfa);box-shadow:0 6px 16px rgba(56,189,248,.2);font-size:13px}.sidebar-label{padding:0 12px 8px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sidebar-links{display:grid;gap:3px}.sidebar-links a{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:#aebbd0;text-decoration:none;font-size:13px;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sidebar-links a:hover{border-color:rgba(56,189,248,.18);background:rgba(56,189,248,.08);color:#f8fafc;transform:translateX(2px)}.sidebar-links a.active{border-color:rgba(56,189,248,.34);background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(56,189,248,.07));color:#7dd3fc;box-shadow:inset 3px 0 0 #38bdf8}.sidebar-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:7px;color:#7dd3fc;background:rgba(125,211,252,.09);font-size:11px;font-weight:800}.sidebar-links a.active .sidebar-icon{color:#06121d;background:#7dd3fc}.sidebar-submenu{display:grid;gap:2px;margin:2px 0 8px 25px;padding:4px 0 4px 15px;border-left:1px solid rgba(56,189,248,.28)}.sidebar-submenu a{min-height:34px;padding:7px 10px;color:#8493aa;font-size:12px;font-weight:600}.sidebar-submenu a:hover{transform:none}.sidebar-submenu a.active{background:rgba(56,189,248,.11);box-shadow:none;color:#7dd3fc}.sidebar-footer{position:absolute;right:15px;bottom:20px;left:15px;padding:12px 10px;border-top:1px solid var(--line);color:#64748b;font-size:11px;line-height:1.5}.container{margin-left:272px}.tabs{display:none}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto;max-height:none;padding:12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.sidebar-brand{margin-bottom:12px;padding:4px 8px 10px}.sidebar-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{display:none}.container{margin-left:0}}@media(max-width:560px){.sidebar-links{grid-template-columns:1fr}.container{width:min(100% - 24px,1180px)}}.sidebar-page>.container,.sidebar-page>.wrap{position:relative;z-index:1;width:calc(100% - 332px)!important;max-width:none;margin-left:296px!important;margin-right:36px!important}.sidebar-page .sidebar{display:block}@media(max-width:900px){.sidebar-page>.container,.sidebar-page>.wrap{width:min(100% - 24px,1180px)!important;margin:0 auto!important}}

.date-filter{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.date-filter label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:7px}.date-filter input{border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--ink);font:inherit}.date-filter small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.click-chart{display:grid;gap:18px}.click-chart-row{display:grid;grid-template-columns:minmax(150px, .8fr) minmax(180px, 2fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.click-chart-row.champion{border-color:#b9b3ff;background:#faf9ff}.click-chart-heading{display:flex;align-items:center;gap:8px}.champion-badge{border-radius:999px;background:var(--primary);color:#fff;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.click-chart-track{height:14px;overflow:hidden;border-radius:999px;background:#edf0f7}.click-chart-bar{height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,#8a83ff,var(--primary))}.click-chart-row.champion .click-chart-bar{background:linear-gradient(90deg,#5148e5,#27234f)}.click-chart-total{white-space:nowrap}.click-chart-row small{grid-column:2 / -1;color:var(--muted);font-size:12px}.chart-empty{margin:0;color:var(--muted)}@media(max-width:720px){.date-filter{align-items:stretch;flex-direction:column}.date-filter .button{width:100%}.click-chart-row{grid-template-columns:1fr;gap:8px}.click-chart-row small{grid-column:auto}.click-chart-total{font-size:16px}}
.sidebar-ab-toggle{position:relative;padding-right:32px!important}.sidebar-ab-toggle::after{content:"\203A";position:absolute;right:14px;color:#7dd3fc;font-size:21px;line-height:1;transform:rotate(90deg);transition:transform .18s ease}.sidebar-ab-toggle[aria-expanded="false"]::after{transform:rotate(0deg)}.sidebar-ab-submenu{margin-bottom:8px}.sidebar-ab-submenu a{padding-left:10px}.sidebar-ab-submenu a::before{content:"\2022";margin-right:7px;color:rgba(125,211,252,.6)}.sidebar-ab-submenu a:hover{transform:translateX(2px)}