: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:92px 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;background:0 0;border:0;border-radius:18px;place-items:center;width:100%;height:54px;font-size:0;text-decoration:none;display:grid}.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}.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}.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}.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}.rail-score{display:none}.dashboard-main{padding:18px}.topbar,.hero-panel,.control-deck,.insight-row{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:start}.metric-bento,.insight-panel>div,.modal-metrics{grid-template-columns:1fr}}