:root{--surface-canvas:#0a0c10;--surface-sidebar:#10141b;--surface-panel:#151a22;--surface-hover:#1c2330;--text-primary:#f4f7fb;--text-secondary:#b8c1cf;--text-muted:#7f8a9b;--border-default:#293241;--border-subtle:#202735;--accent-primary:#7887ff;--accent-hover:#94a0ff;--status-success:#55c985;--status-warning:#f3b450;--status-error:#ef6b73;--status-info:#75b4ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}*{box-sizing:border-box}html{background:var(--surface-canvas)}body{background:var(--surface-canvas);color:var(--text-primary);font-feature-settings:"cv01", "ss03";margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent-hover);outline-offset:3px}.app-shell{grid-template-columns:248px minmax(0,1fr);block-size:100dvb;display:grid}.sidebar{gap:var(--space-6);min-block-size:0;padding:var(--space-5) var(--space-4);background:var(--surface-sidebar);border-inline-end:1px solid var(--border-subtle);flex-direction:column;display:flex}.brand-mark{border:1px solid var(--border-default);background:var(--surface-panel);block-size:36px;inline-size:36px;color:var(--accent-hover);border-radius:10px;place-items:center;font-weight:650;display:grid}.sidebar nav{gap:var(--space-1);display:grid}.nav-item{align-items:center;gap:var(--space-3);min-block-size:44px;padding:0 var(--space-3);color:var(--text-secondary);text-align:start;background:0 0;border:1px solid #0000;border-radius:8px;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item:active{transform:scale(.98)}.nav-active{border-color:var(--border-default);background:var(--surface-hover);color:var(--accent-hover)}.sidebar-footer{gap:var(--space-1);color:var(--text-muted);margin-block-start:auto;font-size:12px;display:grid}.sidebar-footer strong{color:var(--status-warning);font-size:13px;font-weight:550}.main-content{min-block-size:0;min-inline-size:0;padding:var(--space-8);overflow:auto}.topbar,.workspace-actions,.panel-heading,.decision-heading,.campaign-heading,.filter-row{border:0;align-items:center;min-inline-size:0;margin:0;padding:0;display:flex}.topbar{justify-content:space-between;gap:var(--space-5);margin:0 auto var(--space-3);max-inline-size:1440px}.workspace-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.eyebrow{margin:0 0 var(--space-1);color:var(--text-muted);font-size:12px;font-weight:550}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:28px;font-weight:650;line-height:1.2}h2{letter-spacing:-.01em;font-size:20px;font-weight:650;line-height:1.3}h3{font-size:16px;font-weight:600;line-height:1.4}.primary-button,.secondary-button,.quiet-button,.filter-button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:8px;font-size:14px;font-weight:550;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}.primary-button{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--surface-canvas)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary-button,.quiet-button,.filter-button{background:var(--surface-panel);color:var(--text-secondary)}.secondary-button:hover,.quiet-button:hover,.filter-button:hover{background:var(--surface-hover);color:var(--text-primary)}.primary-button:active,.secondary-button:active,.quiet-button:active,.filter-button:active{transform:scale(.98)}.full-width{inline-size:100%}.form-panel{max-inline-size:900px;margin:0 auto}.inline-form{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inline-form .primary-button{align-self:end}.settings-field select{min-block-size:44px;inline-size:100%;padding:0 var(--space-3);border:1px solid var(--border-default);background:var(--surface-canvas);color:var(--text-primary);border-radius:8px}.bulk-toolbar{align-items:center;gap:var(--space-2);color:var(--text-secondary);flex-wrap:wrap;margin-block-end:var(--space-4);font-size:13px;display:flex}.bulk-toolbar span{color:var(--accent-hover);margin-inline-end:auto;font-weight:600}.bulk-toolbar input{min-block-size:44px;inline-size:min(260px,100%);padding:0 var(--space-3);border:1px solid var(--border-default);background:var(--surface-canvas);color:var(--text-primary);border-radius:8px}.live-campaign-table input[type=checkbox]{block-size:18px;inline-size:18px;accent-color:var(--accent-primary)}.table-link{align-items:center;gap:var(--space-1);min-block-size:36px;color:var(--accent-hover);white-space:nowrap;word-break:keep-all;font-size:12px;text-decoration:none;display:inline-flex}.table-link:hover{text-decoration:underline}.audit-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.audit-list li{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-canvas);border-radius:8px;grid-template-columns:160px 140px minmax(0,1fr) minmax(140px,.7fr);align-items:center;font-size:13px;display:grid}.audit-list time,.audit-list small{color:var(--text-muted)}.audit-list strong{color:var(--accent-hover);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.notice{max-inline-size:1440px;margin:0 auto var(--space-5);color:var(--text-secondary);overflow-wrap:break-word;word-break:keep-all;font-size:13px}.metrics-grid{gap:var(--space-3);max-inline-size:1440px;margin:0 auto var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.metric-card,.panel{border:1px solid var(--border-default);background:var(--surface-panel);border-radius:10px}.metric-card{gap:var(--space-2);min-block-size:144px;padding:var(--space-5);display:grid}.metric-card p{color:var(--text-secondary);font-size:13px}.metric-card strong{letter-spacing:-.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:600}.trend{align-items:center;gap:var(--space-1);font-size:12px;font-weight:550;display:inline-flex}.trend-up{color:var(--status-success)}.trend-down{color:var(--status-warning)}.workspace-grid{gap:var(--space-5);max-inline-size:1440px;margin:0 auto var(--space-5);grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);display:grid}.panel{min-inline-size:0;padding:var(--space-5)}.panel-heading{justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.count-badge{background:var(--surface-hover);block-size:28px;inline-size:28px;color:var(--accent-hover);border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid}.decision-list{gap:var(--space-3);display:grid}.decision-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-canvas);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.decision-high{border-inline-start:3px solid var(--status-error)}.decision-medium{border-inline-start:3px solid var(--status-warning)}.decision-icon{background:var(--surface-hover);block-size:36px;inline-size:36px;color:var(--text-primary);border-radius:999px;place-items:center;display:grid}.decision-copy{gap:var(--space-1);min-inline-size:0;display:grid}.decision-heading{justify-content:space-between;gap:var(--space-2)}.decision-heading span{color:var(--text-muted);font-size:12px}.decision-copy p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.decision-copy small{color:var(--text-muted);overflow-wrap:break-word;word-break:keep-all;font-size:12px;line-height:1.5}.quiet-button{min-block-size:36px;padding:0 var(--space-3);white-space:nowrap;font-size:13px}.empty-inline{padding:var(--space-5);color:var(--text-muted);font-size:14px}.review-rail{align-self:start}.review-list{gap:var(--space-3);margin:0 0 var(--space-5);display:grid}.review-list div{justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--border-subtle);padding-block-end:var(--space-3);display:flex}.review-list dt{color:var(--text-secondary);white-space:nowrap;word-break:keep-all;flex:none;font-size:13px}.review-list dd{overflow-wrap:anywhere;min-inline-size:0;color:var(--text-muted);text-align:end;margin:0;font-size:13px}.review-list .account-id{text-overflow:ellipsis;white-space:nowrap;flex:none;max-inline-size:100%;overflow:hidden}.campaign-panel{max-inline-size:1440px;margin:0 auto}.campaign-heading{align-items:end}.search-field{align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-3);border:1px solid var(--border-default);color:var(--text-muted);border-radius:8px;display:flex}.search-field input{min-inline-size:190px;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:var(--text-muted)}.filter-row{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4)}.filter-button{min-block-size:44px;padding:0 var(--space-3);font-size:13px}.filter-active{border-color:var(--accent-primary);background:var(--surface-hover);color:var(--accent-hover)}.ads-manager-controls{justify-content:space-between;align-items:end;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.date-range-controls{align-items:end;gap:var(--space-2);display:flex}.date-range-controls label{gap:var(--space-1);color:var(--text-muted);font-size:12px;font-weight:550;display:grid}.date-range-controls input{min-block-size:40px;padding:0 var(--space-2);border:1px solid var(--border-default);background:var(--surface-canvas);color:var(--text-primary);font:inherit;border-radius:8px}.date-separator{color:var(--text-muted);padding-block-end:var(--space-2)}.table-context{color:var(--text-muted);text-align:end;font-size:12px;line-height:1.5}.metric-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted);margin-block-end:var(--space-3);font-size:12px;display:flex}.metric-picker{position:relative}.metric-picker summary{min-block-size:36px;padding:0 var(--space-3);border:1px solid var(--border-default);background:var(--surface-panel);color:var(--text-secondary);cursor:pointer;border-radius:8px;line-height:36px;list-style:none}.metric-picker summary::-webkit-details-marker{display:none}.metric-picker[open] summary{border-color:var(--accent-primary);color:var(--accent-hover)}.metric-picker fieldset{z-index:5;gap:var(--space-2);min-inline-size:320px;padding:var(--space-3);border:1px solid var(--border-default);background:var(--surface-panel);border-radius:8px;grid-template-columns:repeat(2,minmax(140px,1fr));margin-block-start:var(--space-2);display:grid;position:absolute;inset-inline-end:0}.metric-picker label{align-items:center;gap:var(--space-2);min-block-size:32px;color:var(--text-secondary);font-size:12px;display:flex}.metric-picker input{block-size:16px;inline-size:16px;accent-color:var(--accent-primary)}.campaign-select-button{inline-size:100%;color:inherit;text-align:start;background:0 0;border:0;padding:0;display:block}.campaign-select-button:hover .campaign-name,.campaign-select-button:focus-visible .campaign-name{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.table-action-button{align-items:center;gap:var(--space-1);min-block-size:36px;padding:0 var(--space-2);border:1px solid var(--border-default);background:var(--surface-panel);color:var(--text-secondary);white-space:nowrap;border-radius:8px;font-size:12px;display:inline-flex}.table-action-button:hover{border-color:var(--accent-primary);color:var(--accent-hover)}.rich-campaign-table{overflow:auto}.rich-campaign-table table{min-inline-size:1500px}.rich-campaign-table th,.rich-campaign-table td{white-space:nowrap}.rich-campaign-table tbody th{min-inline-size:260px}.row-selected{background:var(--surface-hover)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-muted);margin-block-start:var(--space-4);font-size:12px;display:flex}.pagination .quiet-button{min-block-size:36px}.campaign-detail-panel{border-block-start:2px solid var(--accent-primary);margin-block-start:var(--space-5)}.campaign-detail-panel>.panel-heading>div:first-child{min-inline-size:0}.campaign-detail-panel>.panel-heading h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-id{color:var(--text-muted);margin-block-start:var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.detail-actions{justify-content:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-actions .secondary-button,.detail-actions .quiet-button{word-break:keep-all;white-space:nowrap;min-block-size:36px;font-size:12px}.detail-summary{gap:var(--space-2) var(--space-5);color:var(--text-secondary);flex-wrap:wrap;margin-block-end:var(--space-5);font-size:13px;display:flex}.detail-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.detail-section-heading h3{font-size:15px}.detail-list{gap:var(--space-2);display:grid}.detail-list-item{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:52px;inline-size:100%;padding:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-canvas);color:var(--text-secondary);text-align:start;border-radius:8px;font-size:12px;display:flex}button.detail-list-item{cursor:pointer}button.detail-list-item:hover,.detail-list-selected{border-color:var(--accent-primary);background:var(--surface-hover)}.detail-list-item span:first-child{gap:var(--space-1);min-inline-size:0;display:grid}.detail-list-item>span:last-child{white-space:nowrap;word-break:keep-all;flex:none}.detail-list-item strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.detail-list-item small{color:var(--text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.inline-error{color:var(--status-error);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.table-wrap{border:1px solid var(--border-subtle);border-radius:10px;overflow:auto}table{border-collapse:collapse;inline-size:100%;font-size:13px}th,td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border-subtle);text-align:start;vertical-align:middle}thead th{color:var(--text-muted);font-size:12px;font-weight:550}tbody tr:last-child th,tbody tr:last-child td{border-block-end:0}tbody tr:hover{background:var(--surface-hover)}tbody th{min-inline-size:220px;font-weight:550}.campaign-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.campaign-cell-value{gap:var(--space-1);min-inline-size:0;display:grid}.campaign-name+small{color:var(--text-muted);margin-block-start:var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.numeric{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-badge{align-items:center;gap:var(--space-1);white-space:nowrap;font-size:12px;font-weight:550;display:inline-flex}.status-active{color:var(--status-success)}.status-learning{color:var(--status-info)}.status-paused{color:var(--text-muted)}.status-at-risk{color:var(--status-error)}.empty-state{justify-items:start;gap:var(--space-2);padding:var(--space-8);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:10px;display:grid}.empty-state p{color:var(--text-muted);overflow-wrap:break-word;word-break:keep-all;font-size:14px}.settings-view{align-content:start;gap:var(--space-5);min-block-size:100dvb;max-inline-size:760px;padding:var(--space-8);margin:0 auto;display:grid}.settings-view>.secondary-button{place-self:start}.settings-panel{gap:var(--space-4);display:grid}.settings-copy,.settings-note{max-inline-size:65ch;color:var(--text-secondary);overflow-wrap:break-word;word-break:keep-all;font-size:14px;line-height:1.6}.settings-checklist{gap:var(--space-3);margin:0;display:grid}.settings-checklist div{justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--border-subtle);padding-block-end:var(--space-3);display:flex}.settings-checklist dt{color:var(--text-secondary);font-size:14px}.settings-checklist dd{align-items:center;gap:var(--space-2);min-inline-size:0;color:var(--status-warning);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:550;display:inline-flex}.settings-note{padding:var(--space-3);background:var(--surface-hover);border-radius:8px;margin:0}.settings-checklist dd.status-ready,.status-ready{color:var(--status-success)}.settings-checklist dd.status-pending,.status-pending{color:var(--status-warning)}.settings-checklist dd.status-inactive,.status-inactive{color:var(--text-muted)}.connection-status svg{flex:none}.status-error{color:var(--status-error)}.connection-form,.connection-form fieldset,.settings-field{gap:var(--space-3);display:grid}.connection-form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.connection-form legend{color:var(--text-primary);padding:0;font-size:16px;font-weight:600;line-height:1.4}.field-helper{color:var(--text-muted);overflow-wrap:break-word;word-break:keep-all;font-size:13px;line-height:1.5}.settings-field{color:var(--text-secondary);font-size:13px;font-weight:550}.settings-field input{min-block-size:44px;inline-size:100%;padding:0 var(--space-3);border:1px solid var(--border-default);background:var(--surface-canvas);color:var(--text-primary);border-radius:8px}.settings-field input::placeholder{color:var(--text-muted)}.settings-field input:disabled{background:var(--surface-hover)}.settings-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-status{overflow-wrap:break-word;word-break:keep-all;margin:0;font-size:14px;line-height:1.5}.settings-note-error{color:var(--status-error)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2;padding:var(--space-2) var(--space-3);background:var(--accent-primary);color:var(--surface-canvas);border-radius:8px;font-size:14px;font-weight:600;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:0s}}@media (max-width:1024px){.app-shell{grid-template-rows:auto auto;grid-template-columns:1fr;block-size:auto;min-block-size:100dvb}.sidebar{min-block-size:auto;padding:var(--space-2) var(--space-4);border-inline-end:0;border-block-end:1px solid var(--border-subtle);flex-direction:row;align-items:center}.sidebar nav{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column}.nav-item{padding:0 var(--space-2);justify-content:center}.sidebar-footer{display:none}.main-content{padding:var(--space-5);overflow:visible}}@media (max-width:640px){.sidebar{padding:var(--space-2);align-items:start}.brand-mark{block-size:32px;inline-size:32px}.nav-item span{display:none}.topbar,.workspace-grid{grid-template-columns:1fr}.topbar,.workspace-actions,.campaign-heading{flex-direction:column;align-items:stretch}.workspace-actions .secondary-button,.workspace-actions .primary-button{inline-size:100%}.main-content,.settings-view{padding:var(--space-4)}.settings-fields,.inline-form{grid-template-columns:1fr}.bulk-toolbar{flex-direction:column;align-items:stretch}.bulk-toolbar span{margin-inline-end:0}.bulk-toolbar input,.bulk-toolbar .secondary-button{inline-size:100%}.audit-list li{gap:var(--space-1);grid-template-columns:1fr}h1{font-size:24px}.metrics-grid{grid-template-columns:1fr}.metric-card{min-block-size:120px}.decision-card{grid-template-columns:auto minmax(0,1fr)}.decision-card .quiet-button{grid-column:1/-1;inline-size:100%}.search-field input{inline-size:100%;min-inline-size:0}.table-wrap{border:0;overflow:visible}table,tbody,tr,th,td{inline-size:100%;display:block}thead{display:none}tbody{gap:var(--space-3);display:grid}tbody tr{padding:var(--space-4);border:1px solid var(--border-subtle);background:var(--surface-canvas);border-radius:10px}th,td{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-block-end:1px solid var(--border-subtle);text-align:end;display:flex}th:before,td:before{content:attr(data-label);color:var(--text-muted);text-align:start;white-space:nowrap;word-break:keep-all;flex:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:550}tbody th{min-inline-size:0}.campaign-name{text-align:end;white-space:normal;word-break:keep-all;overflow-wrap:normal;flex:1;min-inline-size:0}.campaign-cell-value{text-align:end;flex:1;min-inline-size:0}.campaign-id{overflow-wrap:anywhere;word-break:break-all}.empty-state{padding:var(--space-5)}.empty-state h2{word-break:keep-all;font-size:18px}tbody tr:last-child th,tbody tr:last-child td{border-block-end:1px solid var(--border-subtle)}tbody tr td:last-child{border-block-end:0}.ads-manager-controls{flex-direction:column;align-items:stretch}.date-range-controls{justify-content:space-between;align-items:stretch}.date-range-controls label{flex:1}.date-range-controls input{inline-size:100%}.date-separator{align-self:end;padding-block-end:var(--space-3)}.table-context{text-align:start}.metric-toolbar{flex-direction:column;align-items:stretch}.metric-picker summary{text-align:center}.metric-picker fieldset{grid-template-columns:1fr;min-inline-size:0;position:static}.rich-campaign-table{border:0;overflow:visible}.rich-campaign-table table{min-inline-size:0}.rich-campaign-table th,.rich-campaign-table td{white-space:normal}.rich-campaign-table .campaign-select-button{flex:1;min-inline-size:0}.rich-campaign-table .campaign-name{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.detail-grid{grid-template-columns:1fr}.detail-actions{justify-content:stretch;inline-size:100%}.detail-actions .secondary-button,.detail-actions .quiet-button{flex:1}}
