:root{font-family:Inter,Arial,sans-serif;color:#193856;background:#f5f8fc;font-synthesis:none;--blue:#2367d1;--muted:#657991;--line:#dce6f1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f99b26;outline-offset:3px}label{display:block;font-size:13px;font-weight:600}input,select{display:block;width:100%;border:1px solid #c5d4e5;background:white;color:#193856;border-radius:9px;padding:13px;margin-top:8px}button{border:0;border-radius:9px;padding:12px 17px}.primary{background:var(--blue);color:white;font-weight:600}.secondary{border:1px solid #c5d4e5;background:white;color:#1a55a8}.text-button{color:var(--blue);background:transparent}.muted{color:var(--muted)}.small,small{font-size:12px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--blue)}h1{font-size:40px;line-height:1.15;letter-spacing:-1.5px;font-weight:650;margin:14px 0 18px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:21px;letter-spacing:-.4px;margin:8px 0 24px}p{line-height:1.65}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand img{border-radius:9px}#loading{padding:60px;text-align:center}.login{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh;background:#090909;color:#f9930c}.login-story{padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;gap:70px;background:radial-gradient(ellipse at 10% 70%,#38240d 0,transparent 60%)}.login-story h1{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-2.5px}.login-story h1 em,.login .eyebrow{color:#ffaf41}.login-story p{max-width:390px;color:#d4ad79}.login-story>a:last-child{font-size:13px}.login-panel{padding:70px 14%;align-self:center}.login-panel h2{font-size:30px;margin-bottom:15px}.login .muted{color:#c6a988}.login input{background:#17130e;color:#ffd69e;border-color:#695031}.login label{margin-top:22px}.login .primary{background:#fa940c;color:#171009;width:100%;margin-top:26px}.login-logo{border-radius:12px;margin-bottom:25px}.login-panel .small{margin-top:32px}#login-error,#password-error{color:#ed7c72;font-size:14px}.change{min-height:100vh;display:grid;place-items:center;padding:24px}.change .panel{max-width:490px}.change label{margin-top:18px}.change .primary{width:100%;margin-top:26px}.sidebar{position:fixed;width:250px;height:100vh;border-right:1px solid var(--line);padding:32px 22px;background:#fff;display:flex;flex-direction:column;gap:38px}.sidebar .brand{font-size:21px;color:#1d5393}.space{border:1px solid var(--line);border-radius:10px;padding:17px;color:#245db0;font-size:11px;font-weight:700;letter-spacing:1px}.space span{display:block;letter-spacing:0;font-weight:400;color:var(--muted);font-size:12px;margin-top:8px}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#557396;font-size:13px;padding:15px 12px}nav .selected{background:#eaf2ff;color:#1a5abc;font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom small{color:#73879d}.sidebar-bottom button{text-align:left;padding-left:0;background:none;color:#557396;font-size:12px}.main{margin-left:250px;padding:0 48px;max-width:1650px}.top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 0;font-size:10px;letter-spacing:1px;color:#6e86a0}.heading{display:flex;justify-content:space-between;gap:25px;align-items:end;padding-top:36px}.heading .muted{font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:19px}.filters label{font-size:11px}.filters select{font-size:12px;max-width:230px}.filters button{font-size:12px}.notice{padding:15px 20px;background:#eef4fe;border:1px solid #cbdcf6;border-radius:10px;color:#395c8a;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.panel{margin-bottom:22px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:40px;font-weight:600;margin:16px 0;letter-spacing:-1.4px}.delta{display:inline-block;border-radius:20px;background:#f0f3f7;color:#66798c;padding:5px 9px;font-size:11px}.delta.up{background:#e8f6ef;color:#147549}.delta.down{background:#fff0ee;color:#b33f36}.kpi small{display:block;color:#7b8fa6;margin-top:8px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.legend{display:flex;gap:18px;font-size:11px;color:var(--blue)}.legend span+span{color:#a1b7d6}#chart svg{width:100%;height:auto;display:block}#chart .empty{padding:70px 10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.search-kpis{display:grid;grid-template-columns:1fr 1fr;gap:25px}.search-kpis strong{display:block;font-size:27px;margin-top:8px}.search-kpis span{color:var(--muted);font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:#8394a9;font-weight:500;font-size:11px;padding:12px 9px;border-bottom:1px solid var(--line)}td{padding:16px 9px;border-bottom:1px solid #edf1f7;overflow-wrap:anywhere}td:not(:first-child),th:not(:first-child){text-align:right}td:first-child{max-width:340px}tr:last-child td{border:0}.empty{font-size:14px;color:var(--muted);line-height:1.7}.chart-details summary{cursor:pointer;color:#657991;font-size:12px;margin-top:18px}.footer{display:flex;justify-content:space-between;color:#91a1b4;font-size:11px;padding:30px 0 35px}#settings-view,#profile-view{padding-top:42px}#settings-view .panel{max-width:780px}#google-disconnect{display:block;margin-top:20px}
@media(min-width:1600px){.main{margin-right:auto}}
@media(max-width:1200px){.heading{display:block}.filters{margin-top:20px}.main{padding:0 28px}.sidebar{width:225px}.main{margin-left:225px}.two-col{grid-template-columns:1fr}.legend{flex-direction:column;gap:8px}}
@media(max-width:760px){.login{grid-template-columns:1fr}.login-story{padding:30px;gap:35px}.login-story h1{font-size:39px}.login-story>div{display:none}.login-story>a:last-child{display:none}.login-panel{padding:30px;max-width:490px;width:100%;margin:auto}.sidebar{position:static;width:100%;height:auto;padding:18px;gap:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .space{display:none}nav{display:flex;overflow:auto}nav button{flex-shrink:0}.sidebar-bottom{display:none}.main{margin:0;padding:0 18px}.top{font-size:9px}.heading{padding-top:25px}h1{font-size:32px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters select{max-width:100%;padding:12px 6px}.filters #refresh{grid-column:1/-1}.kpis{grid-template-columns:1fr;gap:12px}.kpi{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center}.kpi .value{grid-column:2;grid-row:1/4;margin:0 0 0 12px;font-size:35px}.delta{width:fit-content;margin-top:9px}.panel{padding:20px}.panel-title{align-items:start}.panel-title h2{font-size:19px}.legend{font-size:9px}.footer{gap:12px;font-size:10px}.search-kpis{gap:20px}.two-col{gap:0}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}