:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--card:#fff;--foreground:#111827;--muted:#667085;--border:#e5e7eb;--border-soft:#f1f5f9;--accent:#2563eb;--accent-soft:#eff6ff;--good:#047857;--bad:#b42318;--warning:#f59e0b;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}a,button,select{font:inherit}.dashboard-shell{min-height:100vh}.content{width:min(1240px,100% - 48px);min-width:0;margin:0 auto;padding:28px 0 56px}.top-nav,.dashboard-header,.toolbar,.filter-controls,.top-meta{align-items:center;display:flex}.top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:34px;display:flex}.brand,.top-meta{min-width:0}.brand h1{letter-spacing:0;margin:2px 0 0;font-size:1.08rem;font-weight:760}.nav-links{border:1px solid var(--border);background:var(--card);border-radius:10px;flex-wrap:wrap;gap:3px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #1018280a}.nav-links a{min-height:32px;color:var(--muted);border-radius:7px;padding:7px 11px;font-size:.86rem;font-weight:700;text-decoration:none}.nav-links a:hover{background:var(--accent-soft);color:var(--accent)}.top-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.88rem}.dashboard-header{justify-content:flex-end;align-items:flex-end;gap:20px;margin-bottom:20px}.compact-header{justify-content:flex-end}.dashboard-header h2{letter-spacing:0;overflow-wrap:anywhere;margin:4px 0 6px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.05}.dashboard-header p,.login-panel p,.empty p{color:var(--muted);margin:0;line-height:1.5}.kicker{color:#475467;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%}.filter-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px}.select-field select{border:1px solid var(--border);background:var(--card);min-height:38px;color:var(--foreground);border-radius:8px;padding:0 34px 0 10px;box-shadow:0 1px 2px #1018280a}.select-field.compact{color:var(--muted);gap:5px;font-size:.76rem;font-weight:700;display:grid}.select-field.compact select{min-width:170px}.loading-note{min-height:38px;color:var(--muted);align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.primary-action,.secondary-action,.text-action{border:1px solid var(--border);background:var(--card);min-height:38px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #1018280a}.primary-action,.secondary-action{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.secondary-action.subtle{border-color:var(--border);background:var(--card);color:var(--foreground)}.text-action:hover,.secondary-action.subtle:hover{background:#f8fafc;border-color:#cbd5e1}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-bottom:16px;display:grid}.metric,.panel,.filter-panel,.empty,.login-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.metric{min-width:0;min-height:126px;padding:18px;box-shadow:0 1px 2px #1018280a}.metric-label,.metric small{color:var(--muted);display:block}.metric-label{text-transform:uppercase;font-size:.76rem;font-weight:800}.metric strong{letter-spacing:0;overflow-wrap:anywhere;margin:10px 0 8px;font-size:clamp(1.85rem,2.8vw,2.45rem);line-height:1;display:block}.feature-metric{color:#fff;background:#111827}.feature-metric .metric-label,.feature-metric small{color:#ffffffb3}.grid-main{grid-template-columns:minmax(0,1.55fr) minmax(min(100%,330px),.85fr);gap:16px;margin-bottom:6px;display:grid}.section-gap{margin-top:22px}.panel{overflow:hidden;box-shadow:0 1px 2px #1018280a}.panel-heading{justify-content:space-between;gap:16px;padding:18px 18px 0;display:flex}.panel-heading h2,.filter-panel h2{margin:4px 0 0;font-size:1.05rem}.compact-panel .panel-heading{border-bottom:1px solid var(--border-soft);padding-bottom:14px}.chart-panel{min-height:360px}.chart-wrap{position:relative}.line-chart{width:100%;height:auto;max-height:320px;margin-top:8px;padding:0 12px 10px;display:block}.chart-hover-target{cursor:crosshair}.chart-tooltip{z-index:3;border:1px solid var(--border);min-width:168px;color:var(--foreground);pointer-events:none;background:#fffffffa;border-radius:8px;padding:10px 12px;position:absolute;transform:translate(-50%);box-shadow:0 12px 30px #10182824}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{margin-bottom:6px;font-size:.86rem}.chart-tooltip span{color:var(--muted);font-size:.8rem;line-height:1.45}.legend{color:var(--muted);gap:12px;font-size:.84rem;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.dot{border-radius:999px;width:9px;height:9px}.clicks-dot{background:var(--accent)}.impressions-dot{background:var(--warning)}.daily-list{max-height:306px;padding:8px 18px 18px;display:grid;overflow-y:auto}.daily-row{border-bottom:1px solid var(--border-soft);color:var(--muted);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:10px 0;font-size:.88rem;display:grid}.daily-row:last-child{border-bottom:0}.daily-row strong{color:var(--foreground)}.filter-panel{grid-template-columns:minmax(min(100%,180px),1fr) minmax(min(100%,260px),420px) auto;align-items:end;gap:12px;margin:16px 0;padding:16px 18px;display:grid;box-shadow:0 1px 2px #1018280a}.select-field{color:var(--muted);gap:5px;font-size:.76rem;font-weight:700;display:grid}.select-field select{width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{border-bottom:1px solid var(--border-soft);text-align:right;vertical-align:top;padding:12px 18px}th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}td{color:#374151}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}.rank-col{width:54px}.muted{color:var(--muted)}.entity-cell{gap:4px;max-width:620px;display:grid}.entity-cell.wide{max-width:760px}.entity-cell strong,.link{color:var(--foreground);font-weight:750}.entity-cell span{color:var(--muted);font-size:.82rem}.link{overflow-wrap:anywhere;text-decoration:none}.link:hover{color:#1d4ed8;text-underline-offset:3px;text-decoration:underline}.delta{justify-content:flex-end;min-width:64px;font-weight:800;display:inline-flex}.positive{color:var(--good)}.negative{color:var(--bad)}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel,.empty{width:min(560px,100%);padding:32px}.login-panel h1,.empty h2{letter-spacing:0;margin:10px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.login-panel .primary-action,.empty .primary-action{margin-top:24px}.empty{margin:80px auto}@media (max-width:920px){.content{width:min(100% - 28px,1280px)}.nav-links{width:100%;overflow-x:auto}.dashboard-header,.toolbar,.top-meta{align-items:flex-start}.dashboard-header,.grid-main,.filter-panel{grid-template-columns:1fr}}@media (max-width:640px){.content{width:min(100% - 24px,1280px);padding-top:20px}.dashboard-header,.top-meta,.toolbar{width:100%}.dashboard-header h2{font-size:2rem}.metric{min-height:auto}.metric strong{font-size:2.1rem}.daily-row{grid-template-columns:1fr 1fr}.filter-controls{justify-content:flex-start;width:100%}.filter-controls .select-field,.filter-controls select{width:100%}}