:root{
  color-scheme:dark;
  --canvas:#0e1311;--panel:#141a17;--panel-2:#111613;--side:#090d0b;--field:#101815;
  --hover:#19221d;--line:#28342e;--line-2:#202a25;
  --ink:#eef4ef;--ink-2:#a6b3ab;--meta:#74847b;
  --accent:#8fdc9a;--accent-muted:#334d39;--signal:#f0a33a;--signal-bg:#251d12;
  --shadow:0 8px 24px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:"Fira Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums}
body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}
[hidden]{display:none!important}

.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) minmax(420px,1fr)}
.brand-panel{position:relative;padding:clamp(42px,8vw,120px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);background:#0b0f0d;overflow:hidden}
.brand-panel:after{content:"";position:absolute;right:-180px;bottom:-210px;width:440px;height:440px;border:1px solid #29382f;border-radius:50%;box-shadow:0 0 0 56px #101713,0 0 0 57px #223028}
.brand-mark{position:relative;z-index:1;width:28px;height:28px;border:2px solid var(--accent);border-radius:50%}
.brand-mark:before{content:"";position:absolute;left:4px;right:4px;top:12px;height:2px;background:var(--accent);transform:rotate(-8deg)}
.brand-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);left:11px;top:7px}
.brand-mark.small{width:22px;height:22px;border-width:1.5px;flex:none}.brand-mark.small:before{left:3px;right:3px;top:10px;height:1.5px}.brand-mark.small i{width:4px;height:4px;left:8px;top:6px}
.brand-copy{position:relative;z-index:1}.brand-copy>span,.login-head>span,.context-label{color:var(--meta);font-size:12px}.brand-copy h1{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin:22px 0}.brand-copy p{max-width:480px;margin:0;color:var(--ink-2);font-size:18px;line-height:1.55}
.local-state{position:relative;z-index:1;margin-top:58px;display:flex;align-items:center;gap:12px}.local-state>i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.local-state b,.local-state small{display:block}.local-state b{font-size:13px}.local-state small{margin-top:3px;color:var(--meta);font-size:12px}
.login-panel{padding:32px;display:grid;place-items:center}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}
.login-head{margin-bottom:26px}.login-head h2{margin:8px 0 6px;font-size:26px;letter-spacing:-.025em}.login-head p{margin:0;color:var(--meta)}
label{display:grid;gap:7px;color:var(--ink-2);font-size:12px}input,select{height:40px;border:1px solid var(--line);border-radius:4px;padding:0 11px;background:var(--field);color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.login-card label+label{margin-top:16px}.login-card>button{width:100%;height:42px;margin-top:22px;border:0;border-radius:4px;background:var(--accent);color:#101511;font-weight:600}
.error{color:#ffc16b;font-size:13px}.login-card .error{margin:14px 0 0}

.workspace{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr)}
.rail{position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:10px;padding:4px 7px 18px;color:var(--ink);text-decoration:none}.wordmark b{font-size:15px}
.project-switcher{width:100%;min-height:56px;margin:4px 0 14px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--field);color:var(--ink)}.project-switcher:hover{background:var(--hover)}.project-switcher b,.project-switcher small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher b{font-size:13px}.project-switcher small{margin-top:4px;color:var(--meta);font-size:11px}.switcher-chevron{width:7px;height:7px;border-right:1px solid var(--meta);border-bottom:1px solid var(--meta);transform:rotate(45deg) translateY(-2px)}
.project-navigation{display:grid;gap:3px}.project-navigation a{height:38px;padding:0 10px;display:flex;align-items:center;text-decoration:none;border-radius:4px;background:transparent;color:var(--ink-2);font-size:13px}.project-navigation a:hover{background:var(--hover);color:var(--ink)}.project-navigation a[aria-current="page"]{background:#1b2820;color:var(--ink);font-weight:500;box-shadow:inset 2px 0 var(--accent)}.nav-symbol{position:relative;display:inline-block;width:22px;height:16px;flex:none;color:var(--meta)}.nav-symbol-leads:before{content:"";position:absolute;left:5px;top:3px;width:7px;height:7px;border-left:1px solid currentColor;border-bottom:1px solid currentColor}.nav-symbol-leads:after{content:"";position:absolute;left:9px;bottom:2px;width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}.nav-symbol-ads:before{content:"";position:absolute;left:4px;top:3px;width:11px;height:9px;border:1px solid currentColor}.nav-symbol-ads:after{content:"";position:absolute;left:7px;top:5px;width:1px;height:5px;background:currentColor;box-shadow:3px 0 currentColor,6px 0 currentColor}
.rail-spacer{flex:1}.rail-user{padding:14px 7px 3px;border-top:1px solid var(--line)}.rail-user span,.rail-user b{display:block}.rail-user span{color:var(--meta);font-size:11px}.rail-user b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.rail-user button{margin-top:11px;padding:0;border:0;background:transparent;color:var(--ink-2);font-size:12px}
.workspace-main{min-width:0;padding:26px clamp(18px,3vw,40px) 48px}

.project-picker,.project-view{width:min(1440px,100%);margin:0 auto}.picker-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:22px}.picker-head h1,.project-head h1{margin:6px 0 4px;font-size:25px;letter-spacing:-.025em}.picker-head p,.report-note{margin:0;color:var(--meta);font-size:12px}.project-search{width:min(320px,42vw)}
.project-list-head,.project-row{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(170px,.9fr) 110px 72px;align-items:center;gap:18px}.project-list-head{padding:8px 13px;border-bottom:1px solid var(--line);color:var(--meta);font-size:11px}.projects{display:grid}.project-row{width:100%;min-height:52px;padding:8px 13px;border-bottom:1px solid var(--line-2);background:transparent;color:var(--ink);text-align:left;text-decoration:none}.project-row:hover{background:var(--hover)}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.project-sources,.project-role{color:var(--meta);font-size:12px}.project-open{color:var(--accent);font-size:12px;text-align:right}.empty{padding:32px;border-bottom:1px solid var(--line);color:var(--meta);text-align:center}

.project-head{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:28px;padding-bottom:17px;border-bottom:1px solid var(--line)}.text-button{display:block;margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--ink-2);font-size:12px}.text-button:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 2px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.text-button:hover{color:var(--ink)}
.period{display:grid;grid-template-columns:140px 140px auto;align-items:end;gap:7px}.quick-periods{grid-column:1/-1;display:flex;justify-content:flex-end;gap:2px}.quick-periods button{height:27px;padding:0 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--meta);font-size:11px}.quick-periods button:hover{border-color:var(--line);color:var(--ink)}.period input{height:36px}.period>button,.refresh-control>button{height:36px;padding:0 13px;border:0;border-radius:4px;background:var(--accent);color:#0e1311;font-weight:600;font-size:12px}
.action-row{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line-2)}.account-control label{display:flex;align-items:center;gap:9px}.account-control select{min-width:220px;height:34px}.refresh-control{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px}.refresh-control span{max-width:620px;color:var(--meta);font-size:11px;line-height:1.35}.refresh-control button:disabled{background:#496050}
.panel-error{margin:12px 0;padding:10px 12px;border:1px solid #715027;border-radius:4px;background:var(--signal-bg)}

.notifications{margin:12px 0;border:1px solid #63471f;border-radius:5px;background:var(--signal-bg)}.notifications-head{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #49371f;font-size:12px}.notifications-head span{color:#d9a65d}.notification{display:grid;grid-template-columns:8px 1fr auto;align-items:start;gap:10px;padding:10px 12px;border-bottom:1px solid #3a2e1d}.notification:last-child{border-bottom:0}.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--signal)}.notification-copy b,.notification-copy span{display:block}.notification-copy b{font-size:12px}.notification-copy span{margin-top:3px;color:#c4b292;font-size:12px}.notification button{height:28px;padding:0 9px;border:1px solid #6a5130;border-radius:3px;background:transparent;color:#e4c18d;font-size:11px}

.section-view{padding-top:14px}.ads-page-tabs{height:35px;margin:-3px 0 10px;display:flex;gap:18px;border-bottom:1px solid var(--line)}.ads-page-tabs button{position:relative;padding:0 1px 9px;border:0;background:transparent;color:var(--meta);font-size:12px}.ads-page-tabs button:hover{color:var(--ink)}.ads-page-tabs button[aria-current="page"]{color:var(--ink);font-weight:500}.ads-page-tabs button[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.metric-strip{display:grid;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.leads-metrics{grid-template-columns:repeat(3,1fr)}.ads-metrics{grid-template-columns:repeat(6,1fr)}.metric{min-width:0;padding:14px 15px;border-right:1px solid var(--line-2)}.metric:last-child{border-right:0}.metric span,.metric small,.metric strong{display:block}.metric span{color:var(--meta);font-size:11px}.metric strong{margin:7px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1;letter-spacing:-.025em}.metric.secondary strong{font-size:20px}.metric small{min-height:15px;color:var(--meta);font-size:10px;line-height:1.35}.metric.primary:first-child{box-shadow:inset 0 2px var(--accent)}
.report-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:10px}.report-block{min-width:0;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.block-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.block-title h2{margin:0;font-size:15px;font-weight:500}.block-title span{color:var(--meta);font-size:10px}.funnel{display:grid;gap:10px}.funnel-row{display:grid;grid-template-columns:116px 1fr 42px;align-items:center;gap:9px;font-size:12px}.track{height:6px;background:#0b0f0d;overflow:hidden}.fill{height:100%;background:#687a70}.funnel-row:last-child .fill{background:var(--accent)}.funnel-row b{text-align:right}.daily{height:142px;display:flex;align-items:end;gap:3px;padding-top:10px;border-bottom:1px solid var(--line)}.day{position:relative;flex:1;min-width:2px;height:var(--h);background:#5f7167}.day.has{background:var(--accent)}.day:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:#080b09;color:var(--ink);font-size:11px;box-shadow:var(--shadow)}
.leads-block{margin-top:10px}.table-scroll{max-height:430px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{position:sticky;top:0;z-index:1;padding:8px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--meta);font-weight:400;text-align:left}td{vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--line-2)}td:first-child{white-space:nowrap;color:var(--meta)}td a{color:#bde6c4;text-decoration:none}td a:hover{text-decoration:underline}.tag{color:var(--ink-2);white-space:nowrap}.table-empty{padding:26px!important;color:var(--meta)!important;text-align:center}

.ads-overview-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.88fr);gap:10px;margin-top:10px}.chart-block{position:relative}.chart-legend{position:absolute;right:15px;top:42px;display:flex;gap:12px;color:var(--meta);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:12px;height:2px}.spent-key{background:#5d7464}.leads-key{background:var(--accent)}.ads-chart{display:block;width:100%;height:260px;overflow:visible}.chart-grid{stroke:#26312b;stroke-width:1}.chart-label{fill:var(--meta);font-size:10px;font-family:"Fira Sans",sans-serif}.chart-spend{fill:#5b7162;opacity:.78}.chart-leads{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-lead-dot{fill:var(--accent);stroke:var(--panel);stroke-width:1.5}
.top-creatives{display:grid}.creative-row{display:grid;grid-template-columns:22px minmax(0,1fr) 54px 78px;align-items:center;gap:9px;min-height:51px;border-bottom:1px solid var(--line-2)}.creative-row:last-child{border-bottom:0}.creative-rank{color:var(--meta);font-size:11px}.creative-copy,.creative-score,.creative-result{min-width:0}.creative-copy b,.creative-copy span,.creative-score b,.creative-score span,.creative-result b,.creative-result span{display:block}.creative-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400}.creative-copy span,.creative-score span,.creative-result span{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--meta);font-size:9px}.creative-score,.creative-result{text-align:right}.creative-score b{color:var(--accent);font-size:15px}.creative-result b{font-size:11px}
.launch-strip{display:grid;grid-template-columns:minmax(190px,1fr) 120px 24px 140px 24px 140px;align-items:center;gap:8px;margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.launch-copy span,.launch-copy small,.launch-strip div:not(.launch-copy) strong,.launch-strip div:not(.launch-copy) span{display:block}.launch-copy span{font-size:13px;font-weight:500}.launch-copy small,.launch-strip div:not(.launch-copy) span{margin-top:3px;color:var(--meta);font-size:10px}.launch-strip div:not(.launch-copy){text-align:right}.launch-strip strong{font-size:19px}.flow-arrow{position:relative;width:16px;height:1px;margin:auto;background:var(--meta)}.flow-arrow:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-right:1px solid var(--meta);border-top:1px solid var(--meta);transform:rotate(45deg)}
.ads-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 150px 160px auto;align-items:end;gap:8px;margin-bottom:10px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.ads-filterbar input,.ads-filterbar select{height:34px}.ads-filterbar>button{height:34px;padding:0 13px;border:0;border-radius:4px;background:var(--accent);color:#0e1311;font-weight:600;font-size:12px}.creative-catalog,.structure-browser{padding-bottom:10px}.creative-table-scroll,.structure-table-scroll{max-height:540px}.creative-table th:nth-child(n+3),.creative-table td:nth-child(n+3),.structure-table th:nth-child(n+2),.structure-table td:nth-child(n+2){text-align:right}.creative-table td:first-child{width:38px;color:var(--meta)}.creative-table td:nth-child(2){min-width:270px}.creative-title,.creative-context{display:block}.creative-title{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:500}.creative-context{max-width:520px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--meta);font-size:10px}.creative-index-value{color:var(--accent);font-size:15px;font-weight:600}.status-chip{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid var(--line);border-radius:20px;color:var(--ink-2);font-size:10px}.status-chip.active{border-color:#45694e;color:#bde6c4}.status-chip.deleted,.status-chip.blocked{color:var(--meta)}.help{position:relative;display:inline-grid!important;width:16px;height:16px;margin-left:4px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--meta);font-size:10px;font-weight:400;cursor:help}.help:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);z-index:20;width:270px;padding:8px 9px;border:1px solid var(--line);border-radius:4px;background:#080b09;color:var(--ink-2);font-size:11px;font-weight:400;line-height:1.4;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-3px);transition:opacity .12s,transform .12s}.help:hover:after,.help:focus:after{opacity:1;transform:translateX(-50%) translateY(0)}.pager{min-height:39px;padding-top:9px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line-2)}.pager button{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:3px;background:var(--field);color:var(--ink-2);font-size:11px}.pager button:disabled{cursor:default;opacity:.35}.pager span{min-width:90px;color:var(--meta);font-size:11px;text-align:center}.structure-breadcrumb{min-height:31px;margin:-3px 0 8px;display:flex;align-items:center;gap:7px}.structure-breadcrumb button{padding:0;border:0;background:transparent;color:var(--ink-2);font-size:11px}.structure-breadcrumb button:not(:last-child):after{content:"/";margin-left:7px;color:var(--meta)}.structure-breadcrumb button:hover{color:var(--accent)}.structure-table td:first-child{min-width:290px}.structure-open{padding:0;border:0;background:transparent;color:var(--ink);font-weight:500;text-align:left}.structure-open:hover{color:var(--accent)}.structure-meta{display:block;margin-top:3px;color:var(--meta);font-size:10px}.structure-table .muted-value{color:var(--meta)}

@media(max-width:1080px){
  .ads-metrics{grid-template-columns:repeat(3,1fr)}.ads-metrics .metric:nth-child(3){border-right:0}.ads-metrics .metric:nth-child(n+4){border-top:1px solid var(--line-2)}
  .ads-overview-grid{grid-template-columns:1fr}.top-creatives-block{min-height:auto}.project-head{grid-template-columns:1fr}.period{justify-self:stretch}.quick-periods{justify-content:flex-start}.action-row{align-items:flex-start;flex-direction:column;padding:10px 0}.refresh-control{width:100%;margin:0;justify-content:flex-start}.ads-filterbar{grid-template-columns:1fr 1fr 1fr}.filter-search{grid-column:1/-1}.ads-filterbar>button{align-self:end}
}
@media(max-width:900px){
  .auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.workspace{grid-template-columns:1fr}.rail{position:sticky;z-index:10;width:100%;height:auto;padding:10px 14px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:10px;border-right:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.wordmark{padding:0}.wordmark b{display:none}.project-switcher{min-height:40px;margin:0}.project-navigation{display:flex}.project-navigation a{white-space:nowrap}.rail-spacer,.rail-user>span,.rail-user>b{display:none}.rail-user{padding:0;border:0}.rail-user button{margin:0}.workspace-main{padding:20px}.report-grid{grid-template-columns:1fr}
}
@media(max-width:660px){
  .workspace-main{padding:16px 12px 36px}.rail{grid-template-columns:auto 1fr auto}.project-navigation{grid-column:1/-1}.project-navigation a{flex:1;justify-content:center}.picker-head{align-items:stretch;flex-direction:column}.project-search{width:100%}.project-list-head{display:none}.project-row{grid-template-columns:1fr auto;gap:5px 12px}.project-sources{grid-column:1}.project-role{display:none}.project-open{grid-row:1/3;grid-column:2}.project-head{gap:14px}.period{grid-template-columns:1fr 1fr}.period>button{grid-column:1/-1}.quick-periods{overflow:auto}.refresh-control{align-items:flex-start;flex-direction:column}.leads-metrics,.ads-metrics{grid-template-columns:repeat(2,1fr)}.leads-metrics .metric:nth-child(2),.ads-metrics .metric:nth-child(2n){border-right:0}.leads-metrics .metric:nth-child(3),.ads-metrics .metric:nth-child(n+3){border-top:1px solid var(--line-2)}.metric strong,.metric.secondary strong{font-size:21px}.ads-overview-grid{grid-template-columns:1fr}.ads-chart{height:220px}.creative-row{grid-template-columns:20px minmax(0,1fr) 50px}.creative-result{display:none}.launch-strip{grid-template-columns:1fr 1fr 18px 1fr;gap:5px}.launch-copy{grid-column:1/-1}.launch-strip>i:nth-of-type(2){display:none}.launch-strip>div:last-child{grid-column:4}.funnel-row{grid-template-columns:100px 1fr 35px}.table-scroll{max-height:none;overflow:auto}.account-control{width:100%}.account-control label{align-items:stretch;flex-direction:column}.account-control select{width:100%}.ads-page-tabs{overflow:auto}.ads-filterbar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.ads-filterbar>button{grid-column:1/-1}.creative-table-scroll,.structure-table-scroll{max-height:none}.creative-table,.structure-table{min-width:860px}
}

/* Flight Deck presentation layer: dense, high-contrast and data-first. */
:root{
  --canvas:#090c12;
  --panel:#111720;
  --panel-2:#0d131b;
  --side:#070a0f;
  --field:#0c121a;
  --hover:#151e29;
  --line:#293543;
  --line-2:#1c2632;
  --ink:#f2f6fb;
  --ink-2:#aabbd0;
  --meta:#71869f;
  --accent:#ffad24;
  --accent-2:#ffd071;
  --accent-muted:#3a2913;
  --data:#88aac7;
  --data-strong:#b8d5ec;
  --success:#68d49a;
  --signal:#ffad24;
  --signal-bg:#241b10;
  --shadow:0 14px 38px rgba(0,0,0,.28);
  --mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;
}

html,body{
  background:
    radial-gradient(circle at 76% -18%,rgba(57,83,111,.13),transparent 34rem),
    var(--canvas);
}
body{font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
.ui-icon{width:16px;height:16px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor}

.brand-panel{
  border-right-color:var(--line);
  background:
    linear-gradient(rgba(255,173,36,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,173,36,.035) 1px,transparent 1px),
    #080b10;
  background-size:44px 44px;
}
.brand-panel:after{border-color:#303948;box-shadow:0 0 0 56px #0d121a,0 0 0 57px #273240}
.brand-mark{border-color:var(--accent)}
.brand-mark:before,.brand-mark i{background:var(--accent)}
.brand-copy>span,.login-head>span,.context-label{
  color:var(--data);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.brand-copy h1{letter-spacing:-.045em}
.local-state>i{background:var(--success);box-shadow:0 0 0 4px rgba(104,212,154,.09)}
.login-card{border-radius:2px;background:linear-gradient(145deg,#121924,#0e141d)}
.login-card>button,.period>button,.refresh-control>button,.ads-filterbar>button{
  border:1px solid #dc8f14;
  border-radius:2px;
  background:linear-gradient(180deg,#ffb632,#f49a12);
  color:#171006;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 16px rgba(255,159,18,.1);
}
.login-card>button:hover,.period>button:hover,.refresh-control>button:hover,.ads-filterbar>button:hover{background:var(--accent-2)}

.workspace{grid-template-columns:224px minmax(0,1fr)}
.rail{
  padding:16px 13px;
  background:
    linear-gradient(180deg,rgba(255,173,36,.025),transparent 24%),
    var(--side);
  border-right-color:var(--line);
}
.wordmark{gap:11px;padding:3px 8px 21px;text-transform:uppercase;letter-spacing:.035em}
.wordmark b{font-size:14px}
.project-switcher{
  min-height:59px;
  margin-bottom:17px;
  padding:10px 11px;
  border-radius:2px;
  background:linear-gradient(145deg,#111924,#0c1219);
  box-shadow:inset 0 1px rgba(255,255,255,.015);
}
.project-switcher:hover{border-color:#46586d;background:#131c27}
.project-switcher b{font-size:13px}.project-switcher small{color:var(--data);font-size:10px}
.switcher-chevron{width:15px;height:15px;border:0;transform:none;color:var(--meta)}
.project-navigation{gap:5px}
.project-navigation a{height:39px;padding:0 11px;border-radius:2px;color:var(--ink-2)}
.project-navigation a .ui-icon{width:15px;height:15px;margin-right:10px;color:var(--meta)}
.project-navigation a[aria-current="page"]{
  background:linear-gradient(90deg,rgba(255,173,36,.14),rgba(255,173,36,.035));
  color:var(--ink);
  box-shadow:inset 2px 0 var(--accent);
}
.project-navigation a[aria-current="page"] .ui-icon{color:var(--accent)}
.nav-symbol{display:none}
.rail-user{border-top-color:var(--line)}
.rail-user span{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase}
.rail-user button{color:var(--data)}

.workspace-main{padding:24px clamp(20px,2.7vw,42px) 52px}
.project-picker,.project-view{width:min(1480px,100%)}
.picker-head{padding:7px 0 24px;border-bottom:1px solid var(--line)}
.picker-head h1,.project-head h1{font-size:29px;line-height:1.05;letter-spacing:-.035em}
.picker-head p,.report-note{color:var(--meta)}
.project-list-head{
  padding:10px 14px;
  color:var(--data);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.project-row{min-height:58px;padding:9px 14px}
.project-row:hover{background:linear-gradient(90deg,rgba(136,170,199,.08),transparent)}
.project-open{color:var(--accent)}

.project-head{padding:5px 0 18px;border-bottom-color:var(--line)}
.text-button{display:flex;width:max-content;align-items:center;gap:5px;margin-bottom:18px;color:var(--data)}
.text-button:before{display:none}.text-button .ui-icon{width:14px;height:14px}
.period{grid-template-columns:142px 142px auto}
.quick-periods{gap:5px}
.quick-periods button{
  padding:0 7px;
  color:var(--data);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.025em;
}
.quick-periods button:hover{border-color:var(--line);color:var(--accent)}
input,select{border-radius:2px;border-color:var(--line);background:#0b1119}
input:hover,select:hover{border-color:#3c4b5d}
input:focus,select:focus,button:focus-visible{outline-color:var(--accent)}
.action-row{min-height:56px;border-bottom-color:var(--line-2)}
.refresh-control>button{display:inline-flex;align-items:center;gap:8px}
.refresh-control>button .ui-icon{width:15px;height:15px}
.refresh-control span{font-family:var(--mono);font-size:10px;color:var(--data)}
.refresh-control button:disabled{border-color:#354251;background:#202a36;color:#728296;box-shadow:none}

.section-view{padding-top:12px}
.ads-page-tabs{height:40px;margin:-2px 0 12px;gap:25px}
.ads-page-tabs button{
  padding-bottom:11px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ads-page-tabs button[aria-current="page"]{color:var(--accent)}
.ads-page-tabs button[aria-current="page"]:after{height:2px;background:var(--accent)}

.metric-strip{border-radius:2px;background:linear-gradient(180deg,#121925,#0f151e);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.ads-metrics{grid-template-columns:repeat(3,minmax(142px,1.18fr)) repeat(3,minmax(110px,.82fr))}
.metric{position:relative;padding:16px 16px 15px}
.metric span{
  color:var(--data);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.metric strong{margin:8px 0 5px;font-size:28px;letter-spacing:-.035em}
.metric.secondary strong{font-size:22px;color:#d8e3ee}
.metric small{color:var(--meta)}
.metric.primary{background:linear-gradient(180deg,rgba(255,173,36,.025),transparent)}
.metric.primary:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);opacity:.88}
.metric.primary:first-child{box-shadow:none}

.report-grid,.ads-overview-grid{gap:12px;margin-top:12px}
.report-block,.launch-strip,.ads-filterbar{
  border-radius:2px;
  border-color:var(--line);
  background:linear-gradient(145deg,#111822,#0f151e);
  box-shadow:0 8px 26px rgba(0,0,0,.1);
}
.report-block{padding:16px}
.block-title{margin-bottom:14px}
.block-title h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
.block-title>span{
  color:var(--data);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.chart-legend{color:var(--data);font-family:var(--mono)}
.spent-key{background:#566b82}.leads-key{background:var(--accent)}
.chart-grid{stroke:#222d3a}.chart-label{fill:var(--meta);font-family:var(--mono)}
.chart-spend{fill:#61788e;opacity:.65}
.chart-leads{stroke:var(--accent);stroke-width:2.25}
.chart-lead-dot{fill:var(--accent);stroke:#111822;stroke-width:2}
.daily{border-bottom-color:var(--line)}
.day{background:#53697e}.day.has{background:var(--accent)}
.track{background:#080b10}.fill{background:#657d93}.funnel-row:last-child .fill{background:var(--accent)}

.creative-row{border-bottom-color:var(--line-2)}
.creative-rank{font-family:var(--mono);color:var(--data)}
.creative-copy b{font-weight:500}.creative-copy span,.creative-score span,.creative-result span{color:var(--meta)}
.creative-score b,.creative-index-value{color:var(--accent-2)}
.launch-strip{grid-template-columns:minmax(210px,1fr) 120px 24px 140px 24px 140px;padding:15px 17px}
.launch-copy span{font-weight:600}.launch-strip strong{color:var(--accent-2);font-size:21px}
.flow-arrow{background:var(--data)}.flow-arrow:after{border-color:var(--data)}

.ads-filterbar{padding:12px 13px}
.ads-filterbar label{color:var(--data);font-family:var(--mono);font-size:10px;letter-spacing:.035em;text-transform:uppercase}
.creative-catalog,.structure-browser{padding-bottom:11px}
table{font-size:12px}
th{
  padding:9px 8px;
  border-bottom-color:var(--line);
  background:#111822;
  color:var(--data);
  font-family:var(--mono);
  font-size:9px;
  font-weight:400;
  letter-spacing:.055em;
  text-transform:uppercase;
}
td{padding:10px 8px;border-bottom-color:var(--line-2)}
tbody tr:hover td{background:rgba(136,170,199,.035)}
td a{color:var(--data-strong)}
.creative-context,.structure-meta{color:var(--meta);font-family:var(--mono);font-size:9px}
.status-chip{border-radius:2px;border-color:#344252;font-family:var(--mono);font-size:9px;text-transform:uppercase}
.status-chip.active{border-color:#37644f;color:var(--success)}
.help{width:17px;height:17px;border:0;color:var(--meta)}
.help .ui-icon{width:15px;height:15px}
.help:after{border-radius:2px;background:#080b10;color:var(--ink-2)}
.pager button{border-radius:2px;background:#0c121a}
.structure-breadcrumb button{color:var(--data);font-family:var(--mono)}
.structure-open:hover,.structure-breadcrumb button:hover{color:var(--accent)}
.notifications{border-radius:2px}.notification button{border-radius:2px}

@media(max-width:1080px){
  .ads-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .workspace{grid-template-columns:1fr}
  .rail{background:#080c12;box-shadow:0 8px 24px rgba(0,0,0,.24)}
  .workspace-main{padding:20px}
}
@media(max-width:660px){
  .workspace-main{padding:14px 11px 34px}
  .rail{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;padding:8px 11px;gap:8px 10px}
  .wordmark{grid-column:1;grid-row:1;padding:0}
  .project-switcher{grid-column:2;grid-row:1;min-height:46px;margin:0}
  .rail-user{grid-column:3;grid-row:1}
  .project-navigation{grid-column:1/-1;grid-row:2}
  .project-head h1{font-size:25px}
  .metric{padding:13px 10px}.metric strong,.metric.secondary strong{font-size:19px;letter-spacing:-.045em}
  .ads-page-tabs{gap:20px}
  .launch-strip{grid-template-columns:1fr 1fr 18px 1fr}
}

/* Restored product shell. Reference: approved Sky report + Design Lab Flight Deck. */
:root{
  --canvas:#0e1214;
  --panel:#151a1d;
  --panel-2:#111619;
  --side:#0a0f0d;
  --field:#101619;
  --hover:#19211d;
  --line:#2b3438;
  --line-2:#222a2e;
  --ink:#f4f6f3;
  --ink-2:#b5c2c9;
  --meta:#7894a7;
  --accent:#98d0a8;
  --accent-2:#b9e6c5;
  --accent-muted:#20352a;
  --data:#91b4ca;
  --data-strong:#b8d6e8;
  --success:#98d0a8;
  --signal:#e7a331;
  --signal-bg:#251d12;
  --shadow:0 8px 24px rgba(0,0,0,.2);
}

html,body{background:var(--canvas)}
.workspace{grid-template-columns:216px minmax(0,1fr)}
.rail{
  position:sticky;
  top:0;
  height:100vh;
  padding:16px 10px;
  display:flex;
  flex-direction:column;
  background:var(--side);
  border-right:1px solid #223029;
  box-shadow:none;
}
.wordmark{
  gap:9px;
  padding:2px 9px 14px;
  text-transform:none;
  letter-spacing:0;
}
.wordmark b{font-size:15px}
.brand-mark,.brand-mark.small{border-color:var(--accent)}
.brand-mark:before,.brand-mark i{background:var(--accent)}
.project-switcher{
  min-height:57px;
  margin:0 0 10px;
  padding:8px 10px;
  border:1px solid #27372f;
  border-radius:4px;
  background:#101714;
  box-shadow:none;
}
.project-switcher:hover{border-color:#3c5948;background:#142019}
.project-switcher b{font-size:13px}.project-switcher small{color:#779a85;font-size:11px}
.project-navigation{gap:2px}
.project-navigation a{height:38px;padding:0 10px;border-radius:4px;color:#9fb5a8}
.project-navigation a .ui-icon{margin-right:10px;color:#789084}
.project-navigation a[aria-current="page"]{
  background:#1b2b22;
  color:#e8f3eb;
  box-shadow:none;
}
.project-navigation a[aria-current="page"] .ui-icon{color:var(--accent)}
.rail-caption{
  margin-top:auto;
  padding:12px 10px 2px;
  border-top:1px solid #223029;
  color:#6f8b79;
  font-size:11px;
  line-height:1.55;
}
.rail-caption span{display:block}

.workspace-main{padding:0}
.workspace-bar{
  min-height:124px;
  margin:0 14px;
  padding:33px 6px 27px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--line);
}
.workspace-identity span,.workspace-identity strong{display:block}
.workspace-identity span{
  color:var(--accent);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.workspace-identity strong{margin-top:5px;font-size:25px;line-height:1.15;letter-spacing:-.035em}
.workspace-user{display:flex;align-items:center;gap:12px}
.workspace-user>span{display:none}
.workspace-user button{
  height:36px;
  padding:0 17px;
  border:1px solid var(--line);
  border-radius:4px;
  background:transparent;
  color:var(--ink-2);
}
.workspace-user button:hover{border-color:#486052;color:var(--ink)}

.project-picker,.project-view{width:100%;max-width:none;margin:0;padding:22px 20px 42px}
.picker-head{padding:7px 0 24px;border-bottom:1px solid var(--line)}
.picker-head h1,.project-head h1{font-size:27px;line-height:1.1;letter-spacing:-.035em}
.project-list-head{
  color:var(--meta);
  font-family:"Fira Sans",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}
.project-row:hover{background:var(--hover)}
.project-open{color:var(--accent)}

.project-head{
  min-height:112px;
  padding:1px 0 10px;
  display:grid;
  grid-template-columns:minmax(420px,1fr) auto;
  align-items:center;
  gap:28px;
  border:0;
}
.project-head>div:first-child{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto auto;
  align-items:center;
  column-gap:18px;
}
.project-head .text-button{
  grid-column:1;
  grid-row:2;
  width:auto;
  height:34px;
  margin:0;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--ink-2);
}
.project-head .text-button:hover{border-color:#486052;color:var(--ink)}
.project-head .context-label{grid-column:2;grid-row:1}
.project-head h1{grid-column:2;grid-row:2;margin:4px 0 3px}
.project-head .report-note{grid-column:1/-1;grid-row:3;margin-top:8px}
.context-label{
  color:var(--accent);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.report-note{color:var(--meta);font-size:12px}
.period{grid-template-columns:138px 138px auto;gap:8px}
.quick-periods{gap:4px}
.quick-periods button{
  height:29px;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--ink-2);
  font-family:"Fira Sans",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:0;
}
.quick-periods button:hover{border-color:#486052;color:var(--ink)}
input,select{border-color:var(--line);border-radius:4px;background:#101619}
input:hover,select:hover{border-color:#486052}
input:focus,select:focus,button:focus-visible{outline-color:var(--accent)}
.period>button,.refresh-control>button,.ads-filterbar>button,.login-card>button{
  border:0;
  border-radius:4px;
  background:var(--accent);
  color:#0e1510;
  box-shadow:none;
}
.period>button:hover,.refresh-control>button:hover,.ads-filterbar>button:hover,.login-card>button:hover{background:var(--accent-2)}

.action-row{
  min-height:58px;
  padding:11px 0 10px;
  justify-content:flex-start;
  border:0;
}
.account-control{margin-right:auto}
.refresh-control{margin:0;justify-content:flex-start}
.refresh-control>button{height:36px;padding:0 13px}
.refresh-control>button .ui-icon{display:none}
.refresh-control span{color:var(--meta);font-family:"Fira Sans",system-ui,sans-serif;font-size:11px}
.refresh-control button:disabled{background:#40574a;color:#81968a}

.section-view{padding-top:0}
.ads-page-tabs{height:39px;margin:0 0 10px;gap:22px}
.ads-page-tabs button{
  padding-bottom:10px;
  color:var(--meta);
  font-family:"Fira Sans",system-ui,sans-serif;
  font-size:12px;
  letter-spacing:0;
  text-transform:none;
}
.ads-page-tabs button[aria-current="page"]{color:var(--ink)}
.ads-page-tabs button[aria-current="page"]:after{background:var(--accent)}

.metric-strip{border:0;border-radius:0;background:none;box-shadow:none;gap:10px}
.leads-metrics{grid-template-columns:1.25fr 1fr 1fr}
.ads-metrics{grid-template-columns:repeat(3,minmax(150px,1.15fr)) repeat(3,minmax(118px,.85fr))}
.metric,.metric.primary,.metric.secondary{
  min-height:108px;
  padding:17px 18px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--panel);
  box-shadow:none;
}
.leads-metrics .metric{min-height:128px}
.metric.primary:before{display:none}
.leads-metrics .metric:first-child{
  border-color:#46644f;
  background:linear-gradient(115deg,#162019 0%,#17231b 55%,#203529 100%);
}
.metric span{
  color:var(--data);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.metric strong,.metric.secondary strong{margin:9px 0 4px;font-size:34px;line-height:1;letter-spacing:-.045em;color:var(--ink)}
.metric small{color:var(--meta);font-size:11px}

.report-grid{grid-template-columns:.88fr 1.12fr;gap:10px;margin-top:10px}
.ads-overview-grid{gap:10px;margin-top:10px}
.report-block,.launch-strip,.ads-filterbar{
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--panel);
  box-shadow:none;
}
.report-block{padding:16px}
.block-title{margin-bottom:13px}
.block-title h2{font-size:15px;font-weight:600}
.block-title>span{
  color:var(--meta);
  font-family:"Fira Sans",system-ui,sans-serif;
  font-size:10px;
  letter-spacing:0;
  text-transform:none;
}
.funnel{gap:9px}.track{background:#0a0e0c}.fill{background:#71838b}.funnel-row:last-child .fill{background:var(--accent)}
.daily{height:154px;border-bottom-color:var(--line)}
.day{background:#77908a}.day.has{background:var(--accent)}
.chart-grid{stroke:#27312d}.chart-spend{fill:#6f8379}.chart-leads{stroke:var(--accent)}.chart-lead-dot{fill:var(--accent);stroke:var(--panel)}
.spent-key{background:#6f8379}.leads-key{background:var(--accent)}
.creative-score b,.creative-index-value,.launch-strip strong{color:var(--accent)}
.launch-strip{padding:14px 16px}
.ads-filterbar label{color:var(--ink-2);font-family:"Fira Sans",system-ui,sans-serif;font-size:11px;letter-spacing:0;text-transform:none}

.leads-block{margin-top:10px}
.table-scroll{max-height:430px}
table{font-size:12px}
th{
  padding:9px 8px;
  border-bottom:1px solid var(--line);
  background:var(--panel);
  color:var(--meta);
  font-family:"Fira Sans",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}
td{padding:10px 8px;border-bottom-color:var(--line-2)}
tbody tr:hover td{background:rgba(152,208,168,.025)}
td a{color:var(--accent-2)}
.creative-context,.structure-meta{color:var(--meta);font-family:"Fira Sans",system-ui,sans-serif;font-size:10px}
.creative-index-value{font-size:15px}
.status-chip{border-radius:20px;border-color:var(--line);font-family:"Fira Sans",system-ui,sans-serif;font-size:10px;text-transform:none}
.status-chip.active{border-color:#45694e;color:var(--accent-2)}
.structure-open:hover,.structure-breadcrumb button:hover{color:var(--accent)}
.structure-breadcrumb button{color:var(--ink-2);font-family:"Fira Sans",system-ui,sans-serif}

@media(max-width:1080px){
  .project-head{grid-template-columns:1fr}
  .ads-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .workspace{grid-template-columns:1fr}
  .rail{
    position:relative;
    width:100%;
    height:auto;
    padding:9px 12px;
    display:grid;
    grid-template-columns:auto minmax(170px,1fr) auto;
    grid-template-rows:auto auto;
    align-items:center;
    gap:8px 10px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .wordmark{grid-column:1;grid-row:1;padding:0}
  .project-switcher{grid-column:2;grid-row:1;min-height:42px;margin:0}
  .project-navigation{grid-column:1/-1;grid-row:2;display:flex}
  .project-navigation a{flex:1;justify-content:center}
  .rail-spacer,.rail-caption{display:none}
  .workspace-bar{min-height:92px;margin:0;padding:22px 16px}
  .project-picker,.project-view{padding:18px 16px 36px}
}
@media(max-width:660px){
  .rail{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}
  .wordmark{grid-column:1}.project-switcher{grid-column:2}.project-navigation{grid-column:1/-1;grid-row:2}
  .workspace-identity strong{font-size:21px}.workspace-user button{height:34px;padding:0 12px}
  .project-head{min-height:0;gap:15px}
  .project-head>div:first-child{grid-template-columns:auto minmax(0,1fr);column-gap:11px}
  .project-head .report-note{margin-top:9px}
  .period{grid-template-columns:1fr 1fr}
  .leads-metrics{grid-template-columns:1fr}
  .ads-metrics{grid-template-columns:repeat(2,1fr)}
  .metric,.metric.primary,.metric.secondary{min-height:94px;padding:14px}
  .metric strong,.metric.secondary strong{font-size:27px}
  .report-grid,.ads-overview-grid{grid-template-columns:1fr}
  .leads-block .table-scroll{max-height:540px;overflow:auto}
  .leads-block table,.leads-block tbody,.leads-block tr,.leads-block td{display:block;width:100%}
  .leads-block thead{display:none}
  .leads-block tbody{display:grid}
  .leads-block tr{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:4px 12px;
    padding:13px 0;
    border-bottom:1px solid var(--line-2);
  }
  .leads-block td{padding:0;border:0;white-space:normal}
  .leads-block td:nth-child(1){grid-column:1;grid-row:1;color:var(--meta);font-size:10px}
  .leads-block td:nth-child(2){grid-column:1;grid-row:2;color:var(--accent-2);font-size:12px}
  .leads-block td:nth-child(3){grid-column:1;grid-row:3;color:var(--ink-2);font-size:10px}
  .leads-block td:nth-child(4){grid-column:2;grid-row:1/4;color:var(--ink);font-size:12px;line-height:1.45}
}