:root{--bg:#f5f5f9;--surface:#fff;--ink:#242338;--muted:#77768b;--line:#e9e8f0;--purple:#7050e8;--green:#087f68;--red:#c64762;--amber:#9d7521}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a593f1;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;right:0;top:0;bottom:0;width:224px;background:#fff;border-left:1px solid var(--line);padding:34px 24px;display:flex;flex-direction:column;z-index:5}.brand{font:bold 27px Arial;letter-spacing:-1.3px;display:block}.brand span{color:var(--purple)}.brand i{font-style:normal;background:var(--purple);color:white;border-radius:10px;padding:3px 9px;margin-left:8px}.sidebar>small{color:var(--muted);margin:12px 0 35px}.sidebar nav{display:grid;gap:10px}.sidebar nav a{padding:13px 12px;border-radius:9px;color:#6e6b82;font-size:13px}.sidebar nav a:hover,.sidebar nav .active{background:#f0ebff;color:var(--purple);font-weight:bold}.side-note{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px}.side-note p{color:var(--ink);font-size:18px;font-weight:bold}.live-dot{display:inline-block;width:6px;height:6px;background:#25a17c;border-radius:50%;margin-left:5px}main{margin-right:224px;max-width:1900px;padding:0 42px 20px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.topbar b{color:var(--ink);margin-right:8px}.pill{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:30px;font-size:11px;background:#fff}.heading{display:flex;align-items:center;justify-content:space-between;padding:34px 0 25px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:var(--purple);font-family:Arial,sans-serif}h1{font-size:34px;letter-spacing:-1px;line-height:1.4;margin:10px 0}h2{font-size:23px;line-height:1.5;margin:5px 0 10px}h3{font-size:17px;margin:4px 0}p{color:var(--muted);margin:8px 0 15px}.heading p{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px;margin:0 0 22px}.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.connection-bar>div{display:flex;align-items:center;gap:12px}.meta-logo{color:#0878f8;font-size:35px;line-height:1}.connection-bar form{display:flex;gap:8px}.connection-bar button{font-size:11px;padding:8px 14px;background:#ece7fb;color:var(--purple)}button{border:0;background:var(--purple);color:#fff;border-radius:9px;padding:12px 20px;font-weight:bold;transition:background .15s,transform .15s}button:hover{filter:brightness(.95)}button.secondary{background:#fff;border:1px solid var(--line);color:#706c83}label{display:grid;gap:7px;color:#696679;font-size:12px}input,select{width:100%;min-width:0;border:1px solid #dfdce9;border-radius:8px;color:var(--ink);background:#fff;padding:11px 12px;min-height:43px}form{margin:0}form>label{margin-bottom:14px}.account-controls{display:grid;grid-template-columns:minmax(200px,1.7fr) minmax(120px,.8fr) minmax(100px,.7fr) auto;align-items:end;gap:16px;padding:20px}.account-controls>label{margin:0}.date-custom summary{font-size:12px;padding:12px 0;color:var(--purple)}.date-inputs{display:grid;gap:10px}.date-custom[open]{grid-column:1/-1;grid-row:2}.date-custom[open] .date-inputs{grid-template-columns:1fr 1fr}.date-custom small{color:var(--muted)}.report-title,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.report-title small{color:var(--muted);font-size:10px;line-height:2}.report-title h2{font-family:Arial,Tahoma,sans-serif;margin-bottom:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.kpi{padding:22px;border-radius:14px;border:1px solid var(--line);background:#fff}.kpi>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.kpi i{font-style:normal;color:var(--purple)}.kpi strong{display:block;text-align:right;font:bold 31px Arial;margin:18px 0 12px;letter-spacing:-1px}.kpi small{font-size:10px;color:var(--muted)}.insight-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.insight-grid .section-head{margin:0 0 10px}.chart{width:100%;height:185px;margin-top:12px;overflow:visible}.chart-grid{fill:none;stroke:#edecf4;stroke-width:1;stroke-dasharray:5 6}.chart-area{fill:#eee9ff}.chart-line{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-labels{display:flex;justify-content:space-between;color:var(--muted)}.daily-details{font-size:11px;color:var(--muted);margin-top:10px}.daily-details summary{color:var(--purple)}.priority{background:#28243e;color:#fff;border:0;position:relative;overflow:hidden}.priority .eyebrow{color:#c0aaff}.priority h3{font-size:24px;margin-top:10px}.priority-number{font:bold 44px Arial;margin-top:20px;display:flex;align-items:center;gap:16px}.priority-number span{font:12px Tahoma;max-width:130px;line-height:1.9}.priority p{font-size:11px;color:#c1bbd3;line-height:2}.text-link{color:#d0baff;font-size:12px;font-weight:bold}.micro-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #494359;margin-top:18px;padding-top:15px}.micro-stats span{font-size:10px;color:#bdb5d0}.micro-stats strong{display:block;font:bold 17px Arial;color:#fff;margin-top:9px;text-align:right}.muted{color:var(--muted);font-size:11px}.decision-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.decision-card{display:flex;align-items:center;text-align:right;gap:16px;border:1px solid transparent;padding:22px;color:var(--ink);font-weight:normal}.decision-card>div{flex:1}.decision-card strong{font: bold 30px Arial;display:block;margin-bottom:5px}.decision-card b{font-size:13px;display:block}.decision-card small{font-size:10px;color:#777787;display:block;margin-top:5px}.decision-icon{font-size:27px}.scale{background:#eaf6f0;color:var(--green)}.stop{background:#fff0f2;color:var(--red)}.wait{background:#fff8e9;color:var(--amber)}.decision-card[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px #fff inset}.creatives{padding:26px}.creatives .section-head{margin-top:0}.creatives h2{font-size:21px}.creatives .section-head p{font-size:11px;margin:0}.filters{display:grid;grid-template-columns:1.3fr 1fr 1fr .85fr;gap:12px;padding:18px 0 24px;border-bottom:1px solid var(--line)}.filters label{font-size:10px}.filters input,.filters select{font-size:11px}.ad-row{padding:24px 0;border-bottom:1px solid var(--line)}.ad-row:last-child{border-bottom:0;padding-bottom:0}.ad-main{display:flex;align-items:center;gap:15px}.creative-thumb{width:62px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#f2eff7;display:grid;place-items:center;color:#aea5c5;font-size:30px}.creative-thumb img{width:62px;height:72px;object-fit:cover;display:block}.ad-name{flex:1;min-width:0}.ad-name h3{font: bold 15px Arial,Tahoma,sans-serif;overflow-wrap:anywhere;margin:3px 0}.ad-name small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.status{font-size:9px;color:#777}.decision-pill{padding:5px 11px;border-radius:20px;font-size:10px;font-weight:bold;white-space:nowrap}.ad-metrics{display:grid;grid-template-columns:repeat(5,1fr);padding:16px 0;margin-top:10px}.ad-metrics>div{padding:0 14px;border-left:1px solid var(--line)}.ad-metrics>div:first-child{padding-right:0}.ad-metrics>div:last-child{border:0}.ad-metrics small{display:block;font-size:10px;color:var(--muted)}.ad-metrics b{display:block;font:bold 15px Arial;margin-top:7px;text-align:right}.decision-details{font-size:12px;border-radius:8px;background:#f8f7fb;padding:11px 14px}.decision-details summary{display:flex;justify-content:space-between;gap:15px;color:#676078;font-weight:bold;font-size:11px;list-style:none}.decision-details summary span{font-size:10px;font-weight:normal;color:var(--purple)}.decision-details p{font-size:12px;line-height:2;margin-top:15px;color:#5e586e}.next-step{border-right:3px solid #aa95ed;padding:8px 14px;margin:12px 0;line-height:2}.decision-details>small{color:var(--muted);font-size:10px}.methodology summary,.brand-manager summary{font-weight:bold}.methodology p,.brand-manager p{font-size:12px;line-height:2}.brand-manager summary span{float:left;font-weight:normal;color:var(--muted);font-size:11px}.brand-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.brand-form{display:grid;grid-template-columns:2fr 1fr auto;gap:15px;align-items:end}.brand-form>label{margin:0}footer{display:flex;justify-content:space-between;align-items:center;color:#9993a6;font-size:10px;padding:18px 0 10px}footer b{font-size:17px}.empty-state{text-align:center;padding:60px 24px}.empty-state h2{font-size:28px}.empty-state p{max-width:580px;margin:14px auto 24px}.empty-icon{font-size:50px;color:var(--purple)}.onboarding{display:flex;justify-content:center;gap:25px;margin:30px 0;color:var(--purple);font-size:12px}.empty-state small{color:var(--muted)}.notice,.error{background:#fff4e6;border:1px solid #f3d5a9;padding:15px 20px;border-radius:10px;font-size:12px;color:#885c26}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:right}.table-scroll{max-height:320px;overflow:auto}#loading-overlay{position:fixed;inset:0;background:#f7f5fff2;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.spinner{width:45px;height:45px;border:3px solid #e5dfff;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body:has(input[name=email]) main>.panel{max-width:520px;margin:60px auto}body:has(input[name=email]) h1{font-size:29px}body:has(input[name=email]) form button{width:100%;margin-top:10px}
@media(min-width:1600px){main{padding-right:58px;padding-left:58px}.kpi strong{font-size:38px}.chart{height:220px}}
@media(max-width:1150px){.sidebar{width:185px;padding:30px 17px}main{margin-right:185px;padding:0 24px}.account-controls{grid-template-columns:1.3fr 1fr}.account-controls .date-custom[open]{grid-row:3}.kpi{padding:16px}.kpi strong{font-size:25px}.decision-card{padding:18px 13px;gap:10px}.decision-icon{display:none}.insight-grid{grid-template-columns:1.3fr 1fr}.filters{grid-template-columns:1fr 1fr}.heading h1{font-size:29px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;border:0;padding:18px 20px;display:block}.sidebar>.brand{font-size:25px}.sidebar>small,.side-note{display:none}.sidebar nav{display:flex;margin-top:18px;gap:8px;overflow:auto}.sidebar nav a{white-space:nowrap;font-size:10px;padding:8px}.sidebar nav a:last-child{display:none}main{margin:0;padding:0 16px}.topbar{height:56px}.heading{padding:26px 0 22px}.heading h1{font-size:27px}.heading p{font-size:11px}.eyebrow{font-size:9px}.heading button{padding:8px 13px;font-size:11px}.connection-bar{flex-wrap:wrap}.connection-bar button{padding:7px 11px}.account-controls{padding:16px;gap:13px;grid-template-columns:1fr 1fr}.account-controls>label:first-child{grid-column:1/-1}.account-controls>button{grid-column:1/-1}.date-custom[open]{grid-column:1/-1!important;grid-row:auto!important}.report-title{display:block}.report-title small{display:block;margin-top:10px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:17px 14px}.kpi strong{font-size:28px}.kpi>div{font-size:10px}.insight-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px}.priority-number{margin-top:15px}.priority .micro-stats{margin-top:18px}.section-head{align-items:start}.section-head h2{font-size:21px}.section-head>.muted{display:none}.decision-cards{grid-template-columns:1fr;gap:10px}.decision-card{padding:15px 18px}.decision-card>div{display:flex;align-items:center;gap:14px}.decision-card small{display:none}.decision-card strong{margin:0;font-size:28px;min-width:35px}.decision-icon{display:block;font-size:23px}.creatives{padding:18px 15px}.filters{gap:10px}.ad-main{flex-wrap:wrap}.ad-name{min-width:140px}.decision-pill{margin-right:77px}.ad-metrics{grid-template-columns:repeat(3,1fr);row-gap:20px}.ad-metrics>div{padding:0 8px}.ad-metrics>div:nth-child(3){border-left:0}.ad-metrics>div:nth-child(4){padding-right:0}.ad-metrics b{font-size:13px}.decision-details summary{font-size:10px;flex-wrap:wrap;gap:3px}.brand-form{grid-template-columns:1fr}.brand-manager summary span{float:none;display:block;margin-top:5px}footer{gap:15px;font-size:9px}.onboarding{flex-direction:column;gap:12px}.empty-state{padding:35px 18px}.empty-state h2{font-size:23px}.empty-state p{font-size:12px}#loading-overlay h2{font-size:20px}}
/* Creative library · v05 */
:root{--bg:#f5f7f1;--ink:#1c3b30;--muted:#7a877e;--line:#e2e8df;--purple:#164b38;--green:#315e28;--red:#b35a4e;--amber:#927022}main{margin:0 auto;max-width:1900px;padding:0 3.3% 28px}.sidebar{position:static;width:auto;height:auto;padding:22px 3.3%;display:flex;flex-direction:row;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:var(--bg)}.sidebar>.brand{margin-left:auto}.sidebar>small,.side-note{display:none}.sidebar nav{display:flex;gap:14px}.sidebar nav .active,.sidebar nav a:hover{background:#e5ecd9;color:#1c4934}.topbar{height:52px}.heading{padding:25px 0}.brand i{border-radius:50%;background:#c5e38f;color:#164b38}.kpis{grid-template-columns:repeat(5,1fr);gap:18px}.kpi{padding:26px;border-radius:19px}.kpi:first-child{background:#153e30;border-color:#153e30;color:white}.kpi:first-child>div,.kpi:first-child small{color:#d4e2cf}.kpi strong{font-size:34px;margin:23px 0 16px;letter-spacing:-.8px}.kpi>div{color:#7a897d;font-size:13px}.kpi small{font-size:11px}.scope-note{font-size:10px;text-align:left;margin-top:-12px}.results-panel{display:grid;grid-template-columns:1.6fr 1fr;padding:28px 30px;gap:28px;border-radius:22px}.results-panel .trend{min-width:0}.results-panel .section-head{margin:0 0 18px}.results-panel .section-head h2{font-size:23px}.results-panel .section-head small{color:var(--muted);font-size:11px}.rules{border-right:1px solid var(--line);padding-right:28px}.rules summary{font-weight:bold;font-size:16px}.rules summary span{font-weight:normal;font-size:11px;color:var(--muted);margin-right:10px}.rules p,.rules li{font-size:12px;color:var(--muted)}.rules ul{padding-right:20px}.rules-note{padding-top:32px;max-width:330px}.rules-note b{font-size:21px}.rules-note p{line-height:2}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:10px;margin:8px 0}.chart-legend span:first-child{color:#285b46}.chart-legend span:last-child{color:#697f47}#performance-chart{min-height:195px;direction:ltr;overflow:auto}#performance-chart svg{width:100%;height:210px;display:block}.bar-spend{fill:#295d47}.bar-value{fill:#c6e38b}.chart-day{font:11px Arial;fill:#7d8c80}.chart-zero{stroke:#e3e9de;stroke-width:1}.creatives{padding:8px 0;background:none;border:0}.creatives .section-head{margin:25px 0}.creatives h2{font-size:27px}.creatives h2 small{font-size:12px;color:var(--muted);font-weight:normal}.creatives .section-head p{font-size:12px}.library-actions{display:flex;gap:10px}.filters{border:0;padding:0 0 18px;grid-template-columns:1.5fr 1fr 1fr 1fr}.filters input,.filters select{background:#fff;font-size:12px}.decision-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 24px}.decision-tabs button{border-radius:40px;background:#fff;border:1px solid var(--line);color:var(--ink);padding:11px 17px;font-size:12px;font-weight:normal}.decision-tabs button[aria-pressed=true]{background:#153f30;color:#fff;border-color:#153f30}.ad-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}.ad-row,.ad-row:last-child{padding:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;min-width:0}.creative-thumb{position:relative;width:100%;height:auto;aspect-ratio:4/3;border-radius:0;background:#e8ede3;display:block;font-size:45px}.creative-thumb>a{display:block;width:100%;height:100%}.creative-thumb img{height:100%;width:100%;object-fit:contain}.view-creative{position:absolute;bottom:14px;left:14px;padding:7px 12px;border-radius:9px;background:#234638e8;color:#fff;font-size:11px;line-height:1.6}.preview-label{position:absolute;top:14px;right:14px;background:#ffffffed;border-radius:20px;font-size:10px;padding:5px 11px}.no-creative{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#879880}.no-creative small{font-size:11px}.card-body{padding:20px}.card-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.decision-pill{margin:0;border-radius:6px;font-size:10px;padding:6px 9px}.scale{background:#e4f4cf;color:#3d652b}.wait{background:#fff0c9;color:#966d23}.stop{background:#fae7df;color:#a45142}.off{background:#edf0ed;color:#718076}.ad-name h3{font-size:17px;line-height:1.45;margin-bottom:6px}.ad-name small{font-size:10px}.ad-metrics{grid-template-columns:1fr 1fr;gap:14px;padding:18px 0;margin:5px 0;border-bottom:1px solid var(--line)}.ad-metrics>div,.ad-metrics>div:first-child{padding:0;border:0}.ad-metrics b{font-size:15px}.ad-metrics small{font-size:10px}.decision-details{background:#fff;padding:13px 0 0}.decision-details summary{color:var(--ink)}.decision-details summary span{color:#517540}.decision-details p{font-size:11px}.next-step{border-color:#c6e38b}.next-step p{margin:5px 0}.method-note{font-size:11px;margin:25px 0}.export-status{font-size:11px;color:var(--purple)}.brand-manager{margin-top:25px}.connection-bar button{background:#e4ecd9;color:var(--ink)}.chart-empty{padding:60px 20px;text-align:center}.daily-details summary{color:#526d44}.kpi strong{text-align:right}
@media(min-width:1700px){.creative-thumb{aspect-ratio:4/3}.card-body{padding:23px}.kpi strong{font-size:39px}}
@media(max-width:1250px){.ad-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi{padding:20px 16px}.kpi strong{font-size:28px}.results-panel{grid-template-columns:1.5fr 1fr}.rules-note b{font-size:18px}}
@media(max-width:900px){.ad-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis{grid-template-columns:repeat(3,1fr)}.results-panel{grid-template-columns:1fr}.rules{border-right:0;border-top:1px solid var(--line);padding:20px 0 0}.rules-note{padding-top:12px;max-width:none}.rules-note b{font-size:16px}.sidebar{gap:10px}.sidebar nav a{font-size:11px;padding:8px}.sidebar nav a:last-child{display:none}}
@media(max-width:560px){main{padding:0 16px 24px}.sidebar{padding:18px 16px;flex-wrap:wrap}.sidebar nav{width:100%;gap:4px;margin-top:8px}.sidebar nav a{font-size:10px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi:first-child{grid-column:1/-1}.kpi{padding:20px}.kpi strong{font-size:30px;margin:14px 0 8px}.results-panel{padding:20px}.results-panel .section-head{flex-wrap:wrap;gap:2px}.results-panel h2{font-size:21px}.ad-list{grid-template-columns:1fr;gap:20px}.creative-thumb{aspect-ratio:4/3}.creatives .section-head{flex-wrap:wrap}.library-actions{width:100%}.library-actions button{font-size:11px}.filters{grid-template-columns:1fr 1fr;gap:10px}.decision-tabs{gap:7px}.decision-tabs button{font-size:10px;padding:9px 12px}.card-body{padding:22px}.ad-metrics{grid-template-columns:repeat(4,1fr);gap:8px}.ad-metrics b{font-size:12px}.card-status .decision-pill{margin:0}.chart-legend{gap:10px;font-size:9px}.scope-note{text-align:right}.kpi>div{font-size:12px}}

.play-video{position:absolute;inset:45% auto auto 50%;transform:translateX(-50%);white-space:nowrap;background:#143f32;color:white;z-index:2;box-shadow:0 4px 25px #0005}.video-modal{width:min(850px,92vw);max-height:90vh;border:1px solid #dce3d8;border-radius:20px;padding:24px;background:#f6f7f2;color:#143f32}.video-modal::backdrop{background:#071b16cc}.video-modal video{width:100%;max-height:65vh;background:#101b17;border-radius:12px}.video-modal h2{font-size:20px;margin:12px 0}.video-modal a{display:inline-block;margin-top:16px;text-decoration:underline}.video-modal button{float:left}.video-modal p{padding:12px 0}