@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5ff;font-synthesis:none;--bg:#07111f;--sidebar:#091522;--panel:#0c1928;--panel-high:#101f30;--line:#1a2b3e;--line-high:#29405a;--text:#edf5ff;--muted:#8193a9;--muted-2:#586b82;--lime:#b8f45d;--cyan:#56d5e4;--violet:#a78bfa;--orange:#ffad66;--red:#ff6f7d;background:#07111f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 76% -20%, #57d5e40f, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #0e1e2eb8, transparent 35%), var(--sidebar);z-index:30;border-right:1px solid #172638;flex-direction:column;height:100vh;padding:0 16px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:74px;padding:0 10px;display:flex}.brand-mark{color:#07111f;background:var(--lime);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 0 28px #b8f45d2b}.brand>div:nth-child(2){flex-direction:column;gap:1px;display:flex}.brand strong{letter-spacing:.17em;font-family:Manrope,sans-serif;font-size:14px}.brand span{color:var(--muted);letter-spacing:.06em;font-size:10px}.sidebar nav{flex-direction:column;flex:1;gap:5px;padding-top:28px;display:flex}.nav-label{color:#52677d;letter-spacing:.13em;text-transform:uppercase;padding:0 12px 9px;font-size:10px;font-weight:700}.sidebar nav a{color:#8da0b6;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;min-height:45px;padding:0 13px;font-size:13px;font-weight:500;transition:all .16s;display:flex;position:relative}.sidebar nav a:hover{color:#dce9f6;background:#0e1d2c}.sidebar nav a.active{color:#eef7ff;background:linear-gradient(90deg,#b8f45d1f,#b8f45d06);border-color:#b8f45d21}.sidebar nav a.active svg{color:var(--lime)}.sidebar nav a.active i{background:var(--lime);border-radius:10px 0 0 10px;width:3px;height:21px;position:absolute;right:-17px;box-shadow:0 0 12px #b8f45d80}.sidebar-footer{border-top:1px solid var(--line);padding-top:15px}.data-source{border:1px solid var(--line);background:#101f30ad;border-radius:10px;align-items:center;gap:10px;margin:0 5px 13px;padding:10px;display:flex}.status-dot{background:var(--lime);width:8px;height:8px;box-shadow:0 0 9px var(--lime);border:2px solid #1b4923;border-radius:50%}.data-source div,.account div{flex-direction:column;flex:1;display:flex}.data-source strong,.account strong{font-size:11px}.data-source small,.account small{color:var(--muted-2);font-size:10px}.account{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;width:100%;padding:9px 7px;display:flex}.account:hover{background:#0f1d2c}.account>span{color:#161126;background:linear-gradient(135deg,#a78bfa,#56d5e4);border-radius:9px;place-items:center;width:31px;height:31px;margin-right:9px;font-size:10px;font-weight:800;display:grid}.account>svg{color:var(--muted-2)}.mobile-close,.menu-button,.backdrop{display:none}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#07111fd1;border-bottom:1px solid #1a2b3ed1;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-context{align-items:center;gap:9px;font-size:12px;display:flex}.topbar-context span,.topbar-context i{color:var(--muted-2);font-style:normal}.topbar-context strong{color:#aebdd0;font-weight:500}.topbar-actions{align-items:center;gap:10px;display:flex}.environment-pill,.language-button{color:#91a4ba;border:1px solid var(--line);background:#0d1a29;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:11px;display:flex}.environment-pill>span{background:var(--lime);border-radius:50%;width:6px;height:6px}.environment-pill.demo>span{background:var(--orange)}.language-button{cursor:pointer}.language-button:hover{color:var(--text);border-color:var(--line-high)}.page-content{width:min(1440px,100%);margin:0 auto;padding:38px 36px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.panel-kicker{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.page-title h1{letter-spacing:-.04em;max-width:760px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.08}.page-title p{max-width:720px;color:var(--muted);margin:10px 0 0;font-size:13px}.date-button,.primary-button{color:#aabbd0;background:var(--panel);border:1px solid var(--line);white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;gap:9px;height:38px;padding:0 14px;display:flex}.calendar-dot{background:var(--lime);border-radius:2px;width:7px;height:7px}.primary-button{color:#07111f;background:var(--lime);border-color:var(--lime);font-size:12px;font-weight:700}.primary-button:disabled{opacity:.65}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card{background:linear-gradient(140deg, #ffffff06, transparent 55%), var(--panel);border:1px solid var(--line);border-radius:14px;min-height:151px;padding:19px 20px;position:relative;overflow:hidden}.metric-card:after{background:radial-gradient(circle at top right, var(--accent-glow), transparent 70%);content:"";width:75px;height:75px;position:absolute;top:0;right:0}.accent-lime{--accent:var(--lime);--accent-glow:#b8f45d2b}.accent-violet{--accent:var(--violet);--accent-glow:#a78bfa2b}.accent-cyan{--accent:var(--cyan);--accent-glow:#56d5e42b}.accent-orange{--accent:var(--orange);--accent-glow:#ffad662b}.metric-topline{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.metric-icon{width:34px;height:34px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:9px;place-items:center;display:grid}.change-badge{border-radius:6px;align-items:center;gap:2px;padding:4px 7px;font-size:10px;font-weight:700;display:flex}.change-badge.positive{color:var(--lime);background:#b8f45d17}.change-badge.negative{color:var(--red);background:#ff6f7d17}.metric-card>strong{letter-spacing:-.04em;margin-bottom:2px;font-family:Manrope,sans-serif;font-size:25px;display:block}.metric-card>span{color:#9badc0;font-size:11px;display:block}.metric-card>small{color:#53687f;margin-top:5px;font-size:9px;display:block}.panel{border:1px solid var(--line);background:#0c1928eb;border-radius:14px}.overview-grid{grid-template-columns:minmax(0,1.75fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px;display:grid}.trend-panel,.visibility-panel,.page-chart,.opportunity-panel,.mover-panel,.sync-layout>.panel{padding:21px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-heading h2,.mover-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:15px}.panel-kicker{color:#60768e;margin-bottom:5px;font-size:9px}.panel-heading a{color:var(--lime);font-size:11px}.legend{color:var(--muted);gap:13px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.legend .lime{background:var(--lime)}.chart-wrap{width:100%;height:250px;margin-top:18px}.average-rank{color:var(--lime);flex-direction:column;align-items:flex-end;font-family:Manrope,sans-serif;font-size:23px;line-height:1;display:flex}.average-rank span{color:var(--muted-2);margin-top:4px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:500}.distribution{flex-direction:column;gap:15px;margin-top:24px;display:flex}.distribution-row>div:first-child{color:#8fa2b8;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.distribution-row strong{color:#d5e0ec;font-size:10px}.progress,.opportunity-meter{background:#14263a;border-radius:5px;height:5px;overflow:hidden}.progress span,.opportunity-meter span{border-radius:inherit;height:100%;display:block}.progress .lime{background:var(--lime)}.progress .cyan{background:var(--cyan)}.progress .violet{background:var(--violet)}.progress .orange{background:var(--orange)}.visibility-note{color:#71879f;background:#0a1624;border:1px solid #16283b;border-radius:9px;align-items:center;gap:9px;margin-top:24px;padding:11px;font-size:10px;display:flex}.visibility-note svg{color:var(--orange)}.visibility-note strong{color:#d6e0eb}.opportunity-panel{margin-bottom:16px}.opportunity-list{margin-top:14px}.opportunity-row{border-top:1px solid #17283a;grid-template-columns:36px minmax(210px,1.5fr) 60px 70px minmax(80px,.6fr) 55px;align-items:center;gap:13px;min-height:58px;display:grid}.keyword-cell{flex-direction:column;min-width:0;display:flex}.keyword-cell strong{color:#dbe6f2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.keyword-cell span{color:#5f748b;text-overflow:ellipsis;white-space:nowrap;max-width:370px;margin-top:3px;font-size:9px;overflow:hidden}.country-badge{color:#9db0c5;background:#132437;border:1px solid #21374d;border-radius:6px;place-items:center;width:31px;height:22px;font-size:9px;font-weight:700;display:inline-grid}.rank-badge{color:#9fb2c8;background:#132438;border:1px solid #23394f;border-radius:7px;justify-content:center;align-items:center;min-width:38px;height:24px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.rank-badge.top{color:var(--lime);background:#b8f45d14;border-color:#b8f45d33}.rank-badge.missing{color:#60758d}.traffic-mini{flex-direction:column;display:flex}.traffic-mini strong,.impressions{font-size:11px}.traffic-mini span{color:var(--muted-2);font-size:8px}.opportunity-meter span{background:linear-gradient(90deg, #557135, var(--lime))}.filter-bar{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex}.search-field{color:var(--muted-2);flex:1;align-items:center;gap:9px;padding:0 8px;display:flex}.search-field input{width:100%;height:30px;color:var(--text);background:0 0;border:0;outline:none;font-size:11px}.search-field input::placeholder{color:#53687f}.filter-divider{background:var(--line);width:1px;height:25px}.filter-icon{color:var(--muted-2)}.filter-bar select{color:#9bacc0;background:#101f30;border:1px solid #21354b;border-radius:8px;outline:none;height:32px;padding:0 29px 0 10px;font-size:10px}.table-shell{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#61768e;border-bottom:1px solid var(--line);text-align:left;letter-spacing:.07em;text-transform:uppercase;background:#0b1725;height:43px;padding:0 16px;font-size:9px;font-weight:700}td{color:#a5b5c8;border-bottom:1px solid #17283a;height:57px;padding:0 16px;font-size:10px}tbody tr{transition:background .12s}tbody tr:hover{background:#0f1e2f}tbody tr:last-child td{border-bottom:0}.project-label{color:#8fa3ba;font-size:10px}.table-change{font-size:10px;font-weight:700}.table-change.positive,.positive-text{color:var(--lime)}.table-change.negative,.negative-text{color:var(--red)}.muted{color:#647a92}.table-footer{color:#60768e;border-top:1px solid var(--line);background:#0a1624;justify-content:space-between;align-items:center;min-height:47px;padding:0 15px;font-size:9px;display:flex}.pagination{gap:5px;display:flex}.pagination button{color:#8ea1b6;background:#101f30;border:1px solid #20354b;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.pagination button:disabled{opacity:.35}.empty-state,.loading-panel,.error-panel{min-height:180px;color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.loading-panel{gap:10px}.spinner{border:2px solid #29415b;border-top-color:var(--lime);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.error-panel{background:#ff6f7d0a;border:1px solid #ff6f7d2e;border-radius:13px;flex-direction:column;gap:7px}.error-panel strong{color:#ffc1c7}.error-panel span{color:#8f6870;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.page-chart{margin-bottom:14px}.page-chart .chart-wrap{height:220px}.insight-banner{background:linear-gradient(90deg,#b8f45d1a,#b8f45d05);border:1px solid #b8f45d29;border-radius:11px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 15px;font-size:10px;display:flex}.insight-banner span{color:#07111f;background:var(--lime);text-transform:uppercase;border-radius:5px;padding:4px 7px;font-weight:800}.insight-banner strong{color:#b8c7d6}.segmented{border:1px solid var(--line);background:#0c1928;border-radius:10px;padding:3px;display:flex}.segmented button{color:#70859c;cursor:pointer;background:0 0;border:0;border-radius:7px;height:31px;padding:0 14px;font-size:10px}.segmented button.active{color:#0b1320;background:var(--lime);font-weight:700}.movers-grid,.sync-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mover-heading{align-items:center;gap:11px;margin-bottom:12px;display:flex}.mover-heading>span{width:36px;height:36px;color:var(--lime);background:#b8f45d14;border:1px solid #b8f45d29;border-radius:10px;place-items:center;display:grid}.loser .mover-heading>span{color:var(--red);background:#ff6f7d14;border-color:#ff6f7d29}.mover-heading small{color:var(--muted-2);font-size:9px}.mover-row{border-top:1px solid #17283a;grid-template-columns:28px minmax(150px,1fr) 35px 46px 44px;align-items:center;gap:8px;min-height:57px;display:grid}.mover-index{color:#40556d;font-family:Manrope,sans-serif;font-size:9px}.sync-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.sync-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:83px;padding:15px;display:flex}.sync-card>span,.task-icon{width:35px;height:35px;color:var(--cyan);background:#56d5e414;border-radius:9px;place-items:center;display:grid}.sync-card.success>span{color:var(--lime);background:#b8f45d14}.sync-card div{flex-direction:column;display:flex}.sync-card small{color:var(--muted-2);font-size:9px}.sync-card strong{text-transform:capitalize;margin-top:4px;font-family:Manrope,sans-serif;font-size:14px}.task-list,.run-list{margin-top:13px}.task-list>div{border-top:1px solid #17283a;grid-template-columns:36px 1fr 50px;align-items:center;gap:10px;min-height:56px;display:grid}.task-list>div>div{flex-direction:column;display:flex}.task-list strong,.run-list strong{color:#b8c7d8;font-size:10px}.task-list small,.run-list small{color:var(--muted-2);font-size:9px}.task-icon{width:29px;height:29px;color:var(--lime)}.run-list>div{border-top:1px solid #17283a;grid-template-columns:10px minmax(130px,1fr) 80px 55px;align-items:center;gap:10px;min-height:55px;display:grid}.run-list>div>div{flex-direction:column;display:flex}.run-list>div>span:nth-child(3){color:var(--muted);font-size:9px}.run-status{background:var(--orange);border-radius:50%;width:7px;height:7px}.run-status.success{background:var(--lime)}.spinning{animation:.7s linear infinite spin}@media (width<=1100px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.sidebar nav a.active i{right:-17px}.opportunity-row{grid-template-columns:34px minmax(180px,1fr) 55px 65px 80px}.opportunity-row .impressions{display:none}.sync-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{display:block}.sidebar{width:260px;transition:transform .18s;position:fixed;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.mobile-close{color:var(--muted);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;background:#01060cad;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 18px}.menu-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:#0f1e2f;border-radius:8px;place-items:center;margin-right:11px;display:grid}.topbar-context{margin-right:auto}.page-content{padding:28px 18px 45px}.movers-grid,.sync-layout{grid-template-columns:1fr}}@media (width<=600px){.page-title{flex-direction:column;align-items:flex-start;margin-bottom:23px}.metric-grid,.sync-summary{grid-template-columns:1fr}.metric-card{min-height:137px}.topbar-context i,.topbar-context strong,.environment-pill{display:none}.filter-bar{flex-wrap:wrap;align-items:stretch}.search-field{flex-basis:100%}.filter-divider,.filter-icon{display:none}.filter-bar select{flex:1}.opportunity-row{grid-template-columns:32px minmax(140px,1fr) 45px 48px}.opportunity-meter,.opportunity-row .impressions{display:none}.trend-panel,.visibility-panel,.page-chart,.opportunity-panel,.mover-panel,.sync-layout>.panel{padding:16px}.chart-wrap{height:215px}.insight-banner{flex-direction:column;align-items:flex-start}.mover-row{grid-template-columns:24px minmax(130px,1fr) 34px 42px}.mover-row .rank-badge{display:none}}