:root{color-scheme:light;--bg:oklch(.972 .003 247.9);--fg:oklch(.21 .032 264.7);--surface:#fff;--muted:oklch(.485 .038 257.4);--border:oklch(.929 .013 255.5);--primary:#006dff;--soft:oklch(.95 .03 259.8);--sidebar:oklch(.189 .016 256.8);--sidefg:oklch(.763 .025 256.1);--sideaccent:oklch(.273 .026 253.3);--success:#15803d;--successbg:#edf9f1;--warning:#956213;--warningbg:#fff7e7;--shadow:0 1px 2px #1118270d,0 1px 3px #1118270a;--radius:.65rem}
:root.dark{color-scheme:dark;--bg:oklch(.115 .008 254.2);--fg:oklch(.975 .005 258.3);--surface:oklch(.216 .02 254.2);--muted:oklch(.875 .012 256.1);--border:oklch(1 0 0/.1);--soft:oklch(.3 .075 259.8);--sidebar:oklch(.138 .012 256.8);--sidefg:oklch(.86 .014 256.1);--sideaccent:oklch(.6 .226 259.8/.22);--success:#6ee7b7;--successbg:#34d3991a;--warning:#fbbf24;--warningbg:#fbbf241a;--shadow:0 1px 3px #0005}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg.symbols{position:absolute;width:0;height:0;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}h1,h2,h3,.brand,.login-brand{font-family:Sora,system-ui,sans-serif;letter-spacing:-.015em}h1{font-size:27px;line-height:1.25;margin:0 0 8px;font-weight:600}h2{font-size:15px;font-weight:600;margin:0}h3{font-size:13px;font-weight:600;margin:0}p{margin:5px 0 0}.muted{color:var(--muted);font-size:13px}.grow{min-width:0;flex:1}[hidden]{display:none!important}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}button.primary,button.secondary,.secondary.inline,button.danger{min-height:40px;border-radius:8px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .15s}button.primary{color:white;background:var(--primary)}button.primary:hover{background:#1479ff}button.secondary,.secondary.inline{background:var(--surface);border-color:var(--border);color:var(--fg)}button.secondary:hover,.secondary.inline:hover{background:var(--soft)}button.danger{background:#dc2626;color:white}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:inherit;border-radius:8px;width:38px;height:38px;padding:8px;flex-shrink:0}.icon-button:hover{background:var(--soft)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}input,textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;padding:10px 12px;color:var(--fg);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}label:first-child{margin-top:0}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.login-wrap{max-width:430px;width:100%}.login-brand{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:28px;font-size:16px;font-weight:600}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--primary);font:700 13px Sora,sans-serif;flex-shrink:0}.login-brand .brand-mark{height:48px;width:48px;font-size:16px}.login-brand small,.brand small{display:block;font:11px Manrope,sans-serif;font-weight:400;color:var(--muted);margin-top:4px}.login-card{padding:28px}.login-card h1{font-size:22px}.login-card form{margin:24px 0 18px}.login-card .primary{margin-top:18px}.icon-tile{width:42px;height:42px;background:var(--soft);border-radius:10px;display:grid;place-items:center;color:var(--primary);margin-bottom:20px}.login-foot{text-align:center;color:var(--muted);font-size:11px;margin-top:20px}details{border-top:1px solid var(--border);padding-top:15px;color:var(--muted);font-size:12px}summary{cursor:pointer;font-weight:600}details p{margin-top:10px}.shell{min-height:100dvh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:var(--sidebar);color:var(--sidefg);display:flex;flex-direction:column;z-index:50;transition:width .2s}.brand{display:flex;align-items:center;gap:10px;padding:20px 16px 24px;color:#f5f7fa;font-size:13px;font-weight:600;min-height:88px}.brand small{color:var(--sidefg);font-size:10px}.brand .brand-mark{background:#fff;color:#111827}.brand-text{min-width:0;flex:1}.brand .icon-button{border:0;width:25px;padding:3px;color:var(--sidefg)}.sidebar nav{padding:0 12px;flex:1}.sidebar nav a{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 0;border-radius:8px;font-size:13px;white-space:nowrap}.sidebar nav a:hover{background:var(--sideaccent);color:#fff}.sidebar nav a.active{background:var(--sideaccent);color:#fff;font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;width:3px;left:0;top:8px;bottom:8px;background:#398fff;border-radius:4px}.sidebar nav a.active svg{color:#65a4ff}.sidebar-bottom{padding:18px 20px;border-top:1px solid #ffffff18;font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0}.workspace{margin-left:256px;width:calc(100% - 256px);min-width:0;transition:margin-left .2s,width .2s}header{height:72px;position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:12px}.header-left,.header-actions{display:flex;align-items:center;gap:12px}.header-left strong{font-size:13px}.header-sub{display:block;color:var(--muted);font-size:11px}.header-actions{gap:8px}.private-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-right:10px}.private-label svg{width:13px;height:13px}main{padding:32px 28px;max-width:1400px;margin:auto;min-height:calc(100dvh - 72px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:700;margin:0 0 10px}.page-head button{flex-shrink:0}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpi{position:relative;padding:22px}.kpi>svg{position:absolute;right:20px;top:22px;color:var(--muted);width:17px;height:17px}.kpi>span{font-size:12px}.kpi>strong{display:block;font:600 23px/1.3 Sora,sans-serif;letter-spacing:-.02em;margin:16px 0 6px}.kpi small{font-size:11px;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--border)}.badge{font-size:10px;padding:4px 8px;border-radius:20px;font-weight:600;white-space:nowrap}.badge.neutral{color:var(--muted);background:var(--bg)}.badge.positive{color:var(--success);background:var(--successbg)}.badge.warning{color:var(--warning);background:var(--warningbg)}.integration-row{display:flex;gap:14px;align-items:center;padding:28px 22px}.integration-row .muted{font-size:12px}.google-mark{border:1px solid var(--border);border-radius:10px;padding:8px 13px;color:#4285f4;font:700 25px Arial,sans-serif;background:var(--surface)}.panel-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:15px 22px}.panel-footer .muted{font-size:11px}.text-link{display:flex;gap:6px;align-items:center;color:var(--primary);font-weight:600;font-size:12px}.text-link svg{width:15px;height:15px}.quick-link{display:flex;align-items:center;justify-content:space-between;margin:0 22px;padding:17px 0;border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.quick-link:last-child{border:0}.quick-link small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.quick-link svg{width:15px;height:15px;color:var(--muted)}.steps{list-style:none;padding:6px 24px 24px;margin:0}.steps li{display:flex;gap:16px;margin-top:24px}.steps li>span{border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:12px;color:var(--muted)}.steps button{margin-top:12px}.steps h3{margin:3px 0}.review-panel{margin-top:24px}.empty{text-align:center;padding:40px 24px;color:var(--muted);font-size:12px}.review{padding:20px 22px;border-bottom:1px solid var(--border)}.review:last-child{border:0}.review-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px}.review strong{font-size:13px}.review time{font-size:11px;color:var(--muted)}.stars{color:#d79b11;letter-spacing:2px;margin:5px 0}.review p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.review .attribution{font-size:10px;color:var(--muted);margin-top:12px}.panel-head input{max-width:290px;font-size:12px;padding:8px 10px}.link-row{display:flex;align-items:center;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.link-row:last-child{border:0}.link-row h3{font-size:13px}.link-row .url{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.link-row p{font-size:12px;color:var(--muted)}.link-actions{display:flex;align-items:center;gap:6px}.link-actions button{font-size:11px;min-height:34px;padding:6px 9px}.settings-panel{max-width:900px;padding-bottom:24px}.settings-panel>label,.settings-panel>p,.settings-panel>h3{margin-left:22px;margin-right:22px}.settings-panel>p{margin-top:12px}.copy-field{display:flex;gap:8px;margin:8px 22px}.copy-field input{font-size:12px}.settings-panel hr{border:0;border-top:1px solid var(--border);margin:24px 0}.settings-panel .inline{margin:18px 22px 0}footer{text-align:center;color:var(--muted);font-size:10px;margin-top:45px}.mobile-only{display:none}.error{color:#dc2626;font-size:12px;margin-top:16px;overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--fg);color:var(--surface);padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #0002;max-width:calc(100% - 32px);z-index:1000;font-size:12px}dialog{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:26px;max-width:min(500px,calc(100% - 32px));width:100%;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#0b132488}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog .muted{font-size:11px}.backdrop{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.collapsed .sidebar{width:72px}body.collapsed .workspace{margin-left:72px;width:calc(100% - 72px)}body.collapsed .brand{flex-direction:column;padding:18px 8px;gap:12px}body.collapsed .brand-text,body.collapsed nav span,body.collapsed .sidebar-bottom{display:none}body.collapsed .sidebar nav{padding:0 9px}body.collapsed nav a{padding:13px;justify-content:center}#locations{margin-top:12px;display:grid;gap:10px}.location{border:1px solid var(--border);border-radius:8px;padding:14px}.location p{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.two-columns{grid-template-columns:1fr}.integration-row .badge{margin-left:auto}.kpi{padding:18px}.kpi>strong{font-size:19px}.kpi>svg{right:15px;top:18px}}
@media(max-width:800px){html,body{max-width:100%;overflow-x:clip}.sidebar{transform:translateX(-100%);width:270px!important;transition:transform .2s}.workspace,body.collapsed .workspace{margin-left:0;width:100%}.mobile-only{display:inline-flex}#collapse{display:none}body.menu-open .sidebar{transform:translateX(0)}body.menu-open .backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;background:#0b132477;z-index:40;border:0}.brand{padding:20px 16px!important;flex-direction:row!important}.brand-text{display:block!important}.sidebar nav span{display:block!important}.sidebar nav a{justify-content:flex-start!important}.sidebar-bottom{display:flex!important}header{height:72px;padding:12px 16px}.header-left{gap:10px}.private-label{display:none}main{padding:24px 16px}.page-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}h1{font-size:24px}.page-head>.primary,.page-head>.secondary{width:100%}.kpis{gap:10px;grid-template-columns:1fr}.kpi{padding:18px 20px}.kpi>strong{margin:9px 0 4px;font-size:21px}.kpi>svg{right:20px;top:20px}.panel-head{padding:17px 18px;flex-wrap:wrap}.panel-head input{max-width:100%;width:100%}.integration-row{padding:20px 18px;gap:10px;flex-wrap:wrap}.integration-row .grow{min-width:145px}.integration-row .badge{margin-left:0}.panel-footer{padding:15px 18px;flex-wrap:wrap}.steps{padding:0 18px 22px}.steps li{gap:12px}.steps li>div{min-width:0}.steps button{width:100%;font-size:12px}.link-row{padding:18px;flex-wrap:wrap}.link-row .grow{flex-basis:100%}.link-actions{flex-wrap:wrap}.link-actions button{min-height:38px}.review{padding:18px}.review-head{flex-wrap:wrap;gap:4px}.login-card{padding:24px}.settings-panel>label,.settings-panel>p,.settings-panel>h3{margin-left:18px;margin-right:18px}.copy-field{margin:8px 18px}.copy-field input{font-size:11px}.settings-panel .inline{margin:16px 18px 0;font-size:12px}dialog{padding:22px}.toast{bottom:calc(20px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

#first-setup{margin-top:18px}#first-setup>button{margin-top:15px}#first-setup label{font-size:11px;margin-top:15px}#first-setup .copy-field{margin:6px 0}#first-setup input{font-family:monospace;font-size:12px}#first-setup .inline{margin-top:14px;font-size:11px}.oauth-panel{margin-bottom:22px;padding-bottom:16px}.oauth-panel>p{margin:16px 22px 0}.oauth-panel input{font-size:12px}#setup-status{margin-top:14px;color:var(--fg)}