:root{--blue:#264d7e;--green:#5b9291;--yellow:#ffb120;--dark:#333;--ink:#22252b;--muted:#667085;--line:#e5e9ef;--surface:#fff;--surface-2:#f7f9fb;--surface-3:#eef3f5;--danger:#c9483b;--shadow:0 24px 70px #22252b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 16% 0,#ffb1201f,#0000 28%),linear-gradient(135deg,#f6f8fb 0%,#eef3f5 100%);margin:0;font-family:Inter,Roboto,Google Sans,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:184px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{background:var(--dark);color:#fff;z-index:20;grid-template-rows:auto 1fr auto;gap:28px;height:100vh;padding:22px 14px;display:grid;position:sticky;top:0}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;letter-spacing:0;border-radius:18px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.side-rail nav{align-content:start;gap:10px;display:grid}.side-rail a,.side-rail button{color:#ffffffa8;text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:10px;width:100%;height:54px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.side-rail a.active,.side-rail a:hover,.side-rail button:hover{color:#fff;background:#ffffff1f}.rail-score{color:#ffffffb3;text-align:center;justify-items:center;gap:8px;font-size:11px;display:grid}.dashboard-main{min-width:0;padding:28px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px 24px;display:grid}.topbar p,.hero-copy .eyebrow,.chart-card header p,.insight-panel p,.optimization-panel p:first-child{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:800}.topbar h1{color:var(--dark);letter-spacing:0;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.02}.topbar-actions{justify-content:flex-end;gap:10px;display:flex}.ghost-button,.primary-button,.loading-screen button{border:1px solid var(--line);min-height:42px;color:var(--dark);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex}.primary-button{border-color:var(--blue);background:var(--blue);color:#fff}.source-line{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.source-line span{color:var(--muted);background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#264d7e14,#5b929114),#ffffffb3;border:1px solid #264d7e1f;border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;margin-top:26px;padding:26px;display:grid;overflow:hidden}.page-panel{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #264d7e1f;border-radius:28px;gap:18px;margin-top:26px;padding:26px;display:grid}.page-panel>div:first-child p{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:800}.page-panel h2{color:var(--dark);letter-spacing:0;margin:0;font-size:clamp(30px,4vw,48px);line-height:1}.page-panel>div:first-child span{color:var(--muted);margin-top:12px;display:block}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setup-grid article{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:140px;padding:18px}.setup-grid strong{color:var(--dark);margin-bottom:8px;font-size:15px;display:block}.setup-grid p{color:var(--muted);margin:0;line-height:1.5}.google-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0 14px;display:grid}.compact-table{gap:10px;max-height:360px;padding-right:4px;display:grid;overflow:auto}.compact-table article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:5px;padding:13px 14px;display:grid}.compact-table strong{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.compact-table span{color:var(--muted);font-size:12px;font-weight:700}.hero-copy h2{max-width:840px;color:var(--dark);letter-spacing:0;margin:0;font-size:clamp(32px,5vw,62px);line-height:.98}.hero-copy p{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.55}.hero-stat-stack{gap:12px;display:grid}.mini-stat{border:1px solid var(--line);background:#fff;border-radius:20px;align-content:center;gap:5px;min-height:92px;padding:18px;display:grid}.mini-stat span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.mini-stat strong{color:var(--dark);font-size:28px}.control-deck{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #33333314;border-radius:24px;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:12px;margin:20px 0;padding:10px;display:grid;position:sticky;top:12px;box-shadow:0 10px 30px #33333314}.search-box,.select-chip{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#fff;border-radius:16px;align-items:center;gap:9px;padding:0 14px;display:flex}.search-box input,.select-chip select{width:100%;color:var(--dark);background:0 0;border:0;outline:0}.select-chip span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.select-chip select{appearance:none;min-width:150px}.segmented{background:var(--surface-3);border-radius:18px;padding:5px;display:flex}.segmented button,.mini-tabs button{color:var(--muted);background:0 0;border:0;border-radius:14px;padding:0 12px;font-weight:800}.segmented button.active,.mini-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 6px 18px #264d7e1f}.metric-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:24px;align-content:start;gap:8px;min-height:150px;padding:18px;display:grid}.metric-card .metric-icon{width:36px;height:36px;color:var(--blue);background:#264d7e1a;border-radius:12px;place-items:center;display:grid}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.metric-card strong{color:var(--dark);letter-spacing:0;word-break:break-word;font-size:clamp(24px,3vw,34px)}.metric-card small{color:var(--muted);font-weight:650}.metric-card.green .metric-icon{color:var(--green);background:#5b929121}.metric-card.yellow .metric-icon{color:#9b6500;background:#ffb1202e}.metric-card.dark .metric-icon{color:var(--dark);background:#3333331a}.metric-card.warning,.metric-card.alert{background:#fffaf1;border-color:#ffb12059}.grid-lab{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.chart-card,.insight-panel,.optimization-panel{border:1px solid var(--line);background:#ffffffeb;border-radius:26px;min-width:0;padding:20px;box-shadow:0 10px 28px #3333330f}.chart-card header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.chart-card h3,.insight-panel h3,.optimization-panel h3{color:var(--dark);letter-spacing:0;margin:0;font-size:22px}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.mini-tabs{background:var(--surface-3);border-radius:16px;gap:4px;padding:4px;display:flex}.mini-tabs button{text-transform:capitalize;min-height:30px;font-size:12px}.chart-box{min-height:320px}.campaign-map{gap:10px;display:grid}.campaign-map-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.campaign-map-list button{border:1px solid var(--line);min-height:38px;color:var(--dark);text-align:left;background:#fff;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.campaign-map-list button:hover{background:#264d7e0a;border-color:#264d7e47}.campaign-map-list span{width:24px;height:24px;color:var(--blue);background:#264d7e1a;border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:grid}.campaign-map-list strong{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.campaign-map-list em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal;font-weight:800}.chart-caption{color:var(--muted);margin:4px 0 0;font-size:12px}.donut-wrap,.legend-list{gap:8px;display:grid}.legend-list div{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.legend-list span{border-radius:999px;width:10px;height:10px}.legend-list strong{color:var(--dark)}.ranker{gap:10px;display:grid}.rank-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px;display:grid}.rank-row>span{width:34px;height:34px;color:var(--blue);background:#264d7e1a;border-radius:12px;place-items:center;font-weight:900;display:grid}.rank-row strong{text-overflow:ellipsis;white-space:nowrap;color:var(--dark);display:block;overflow:hidden}.rank-row small{color:var(--muted)}.rank-row em{color:var(--green);font-style:normal;font-weight:900}.insight-row{grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:14px;margin-top:14px;display:grid}.comparison-section{background:linear-gradient(135deg,#264d7e14,#5b92911a),#ffffffe6;border:1px solid #5b929138;border-radius:28px;gap:14px;margin-top:14px;padding:20px;display:grid;box-shadow:0 10px 28px #3333330f}.comparison-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.comparison-header p{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:800}.comparison-header h3{color:var(--dark);letter-spacing:0;margin:0;font-size:clamp(26px,3.5vw,42px)}.comparison-source{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.comparison-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.comparison-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:14px;display:grid}.comparison-card{box-shadow:none}.traffic-table{gap:10px;display:grid}.traffic-table article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(92px,.45fr));align-items:center;gap:10px;min-height:70px;padding:12px;display:grid}.traffic-table strong{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.traffic-table span{color:var(--muted);font-size:12px;font-weight:700}.traffic-table em{color:var(--blue);font-style:normal;font-weight:900;display:block}.comparison-note{color:var(--muted);background:#ffffffbd;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.45;display:flex}.comparison-note strong{color:var(--dark);flex:none}.insight-panel>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.insight-panel article{background:var(--surface-2);color:var(--muted);border-radius:18px;align-items:flex-start;gap:10px;padding:14px;line-height:1.45;display:flex}.insight-panel svg{color:var(--green);flex:none}.optimization-panel{background:linear-gradient(135deg,#5b92911f,#ffb1201f),#fff;align-content:space-between;gap:16px;display:grid}.optimization-panel p{color:var(--muted);line-height:1.5}.optimization-metric{background:#ffffffad;border:1px solid #5b929140;border-radius:18px;gap:6px;padding:14px;display:grid}.optimization-metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.optimization-metric strong{color:var(--green);font-size:22px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#14181e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.campaign-modal{width:min(860px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:28px;position:relative;overflow:auto}.campaign-modal>p{color:var(--green);margin:0 0 6px;font-weight:800}.campaign-modal h2{letter-spacing:0;margin:0 48px 18px 0;font-size:clamp(24px,4vw,38px)}.modal-close{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.modal-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.tooltip-card{border:1px solid var(--line);color:var(--dark);background:#fff;border-radius:14px;gap:4px;padding:10px 12px;display:grid;box-shadow:0 12px 30px #3333331f}.tooltip-card span{color:var(--muted);font-size:12px}.circular-score{--score:0deg;background:radial-gradient(circle, var(--dark) 58%, transparent 59%), conic-gradient(var(--yellow) var(--score), #ffffff2e 0);border-radius:999px;place-items:center;width:62px;height:62px;display:grid}.circular-score strong{color:#fff;font-size:18px}.loading-screen{min-height:100vh;color:var(--dark);text-align:center;place-content:center;justify-items:center;gap:16px;display:grid}.loader-ring{border:5px solid #264d7e29;border-top-color:var(--blue);border-radius:999px;width:56px;height:56px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.metric-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.span-8,.span-7,.span-5,.span-4{grid-column:1/-1}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.side-rail{grid-template-rows:none;grid-template-columns:auto 1fr auto;align-items:center;height:auto;position:static}.side-rail nav{display:flex;overflow-x:auto}.side-rail button{width:auto;min-width:max-content}.rail-score{display:none}.dashboard-main{padding:18px}.topbar,.hero-panel,.control-deck,.comparison-header,.comparison-grid,.insight-row{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:start}.metric-bento,.comparison-metrics,.google-summary,.insight-panel>div,.campaign-map-list,.setup-grid,.modal-metrics{grid-template-columns:1fr}.traffic-table article,.comparison-note{grid-template-columns:1fr;display:grid}}