:root{--bg: #050608;--surface: #0c0e12;--surface2: #141820;--surface3: #1a1f28;--border: #2a3140;--border-light: #3d4659;--text: #f4f4f5;--muted: #8b93a7;--accent: #e11d48;--accent-dim: rgba(225, 29, 72, .15);--accent-glow: rgba(225, 29, 72, .35);--green: #22c55e;--green-bg: rgba(34, 197, 94, .12);--green-text: #4ade80;--yellow: #eab308;--yellow-bg: rgba(234, 179, 8, .12);--yellow-text: #facc15;--red: #ef4444;--red-bg: rgba(239, 68, 68, .14);--red-text: #f87171;--cab-bg: #080a0d;--sidebar-w: 232px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.loading-screen,.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(225,29,72,.08),transparent 50%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:36px;width:min(400px,92vw);display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0;font-size:1.4rem;letter-spacing:-.02em}.login-card p{margin:0;color:var(--muted);font-size:.9rem}.login-card input{padding:12px 14px;border-radius:2px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login-card button{padding:12px 16px;border-radius:2px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;letter-spacing:.02em}.login-card button:disabled{opacity:.5;cursor:not-allowed}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--cab-bg);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;transition:transform .2s ease,width .2s ease,opacity .2s ease;z-index:20}.sidebar.hidden{width:0;padding:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.layout.sidebar-collapsed .content{max-width:none}.brand{font-size:.95rem;font-weight:700;padding:6px 10px 18px;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.brand-mark{color:var(--accent);margin-right:6px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-item{text-align:left;padding:11px 12px;border-radius:2px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-logout{margin-top:auto;padding:10px 12px;border-radius:2px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem}.nav-logout:hover{color:var(--text);border-color:var(--border-light)}.content{flex:1;min-width:0;padding:20px 28px 32px}.content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.header-left{display:flex;align-items:flex-start;gap:14px}.sidebar-toggle{margin-top:4px;width:36px;height:36px;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.1rem;flex-shrink:0;transition:border-color .15s,background .15s}.sidebar-toggle:hover{border-color:var(--accent);background:var(--surface2)}.content-header h1{margin:0 0 4px;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.subtitle{margin:0;color:var(--muted);font-size:.82rem}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}.empty{padding:32px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:2px}.ai-card{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:24px}.ai-card .muted{color:var(--muted)}.period-bar-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.period-bar{display:flex;flex-wrap:wrap;gap:6px}.period-btn,.btn-ghost{padding:8px 14px;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.period-btn:hover{color:var(--text);border-color:var(--border-light)}.period-btn.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}.btn-primary{padding:9px 18px;border-radius:2px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-outline{padding:9px 18px;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s}.btn-outline:hover{border-color:var(--accent)}.btn-outline.active{border-color:var(--accent);background:var(--accent-dim);color:#fff}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.btn-cache{padding:9px 18px;border-radius:2px;border:1px solid #dc2626;background:#991b1b;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;white-space:nowrap;transition:opacity .15s,box-shadow .15s;box-shadow:0 0 0 1px #dc262640}.btn-cache:hover{opacity:.92}.btn-cache.active{box-shadow:0 0 0 2px #fca5a5,0 0 16px #ef444459}.btn-cache:disabled{opacity:.45;cursor:not-allowed}.btn-live{padding:9px 18px;border-radius:2px;border:1px solid #ca8a04;background:#a16207;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;white-space:nowrap;transition:opacity .15s,box-shadow .15s;box-shadow:0 0 0 1px #eab30840}.btn-live:hover{opacity:.92}.btn-live.active{box-shadow:0 0 0 2px #fde047,0 0 16px #eab30859}.btn-live:disabled{opacity:.45;cursor:not-allowed}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:14px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--border)}.stat-card:nth-child(1):before{background:var(--accent)}.stat-card:nth-child(2):before{background:#f59e0b}.stat-card:nth-child(3):before{background:var(--green)}.stat-card:nth-child(4):before{background:#8b5cf6}.stat-label{color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-value{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-value.accent{color:#fbbf24}.stat-value.positive{color:var(--green-text)}.stat-value.negative{color:var(--red-text)}.banner{padding:12px 16px;border-radius:2px;margin-bottom:14px;font-size:.88rem}.banner.error{background:var(--red-bg);color:var(--red-text);border:1px solid rgba(239,68,68,.3)}.banner.warn{background:var(--yellow-bg);color:var(--yellow-text);border:1px solid rgba(234,179,8,.3)}.error{color:var(--red-text);font-size:.9rem}.main-dashboard{display:flex;flex-direction:column;gap:28px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:2px;background:var(--surface);max-width:100%}.table-compact table{font-size:.84rem}table{width:100%;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}th,td{padding:9px 11px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:var(--surface3);color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;z-index:2}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s,background .12s}.sortable-th:hover{color:var(--text);background:var(--surface2)}.sortable-th.sorted{color:#fff;background:var(--accent-dim);box-shadow:inset 0 -2px 0 var(--accent)}.th-arrow{display:inline-block;margin-left:4px;font-size:.65rem;opacity:.85}.sortable-th.sorted .th-arrow{color:var(--accent);opacity:1}.col-muted-h{color:#6b7280!important}.col-muted{color:var(--muted)!important}.col-money{font-weight:600}.col-name{min-width:200px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.row-cabinet td{background:var(--cab-bg);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:8px 11px}.cab-meta{color:#4b5563;font-weight:400;text-transform:none}.row-campaign{cursor:pointer;transition:background .12s}.row-campaign:hover td{background:var(--surface2)!important}.row-campaign td{background:var(--surface2);font-weight:600;color:var(--text)}.row-campaign.expanded td{background:#181d27;border-bottom-color:var(--accent)}.expand-icon{display:inline-block;width:16px;color:var(--accent);font-size:.75rem;margin-right:6px}.cab-inline{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:2px}.camp-name{display:block}.adset-count{margin-left:8px;font-size:.72rem;font-weight:500;color:var(--muted)}.row-adset td{background:var(--surface);color:var(--text);border-left:2px solid transparent}.row-adset.roi-green td{background:var(--green-bg);border-left-color:var(--green)}.row-adset.roi-yellow td{background:var(--yellow-bg);border-left-color:var(--yellow)}.row-adset.roi-red td{background:var(--red-bg);border-left-color:var(--red)}.row-adset.roi-neutral td{background:var(--surface);color:var(--muted)}.indent{padding-left:36px!important}.badge{padding:2px 7px;border-radius:2px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge.cbo{background:#1e3a5f;color:#93c5fd;border:1px solid #2563eb}.badge.abo{background:#422006;color:#fcd34d;border:1px solid #d97706}.type-cell{display:inline-flex;align-items:center;gap:6px}.reject-dots{display:inline-flex;align-items:center;gap:3px}.reject-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 6px #ef44448c;flex-shrink:0}.reject-dot.single{display:inline-block;margin-right:4px}.row-has-reject>td{box-shadow:inset 3px 0 #ef4444}.camp-name.has-reject{color:#fca5a5}.reject-more{font-size:.65rem;color:var(--red-text);font-weight:700}.reject-reason{margin-top:4px;font-size:.72rem;line-height:1.35;color:var(--red-text);max-width:320px}.delivery-pill{display:inline-block;padding:2px 8px;border-radius:2px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.delivery-active{background:var(--green-bg);color:var(--green-text)}.delivery-paused{background:#64748b33;color:#94a3b8}.delivery-rejected{background:var(--red-bg);color:var(--red-text)}.delivery-not_delivering{background:var(--yellow-bg);color:var(--yellow-text)}.delivery-pending_review{background:#3b82f626;color:#93c5fd}.delivery-no_spend{background:#94a3b826;color:#cbd5e1}.delivery-other{background:#64748b26;color:#94a3b8}.no-spend{color:#94a3b8!important;font-style:italic}.camp-name.no-spend,.adset-name.no-spend{opacity:.85}.row-creo td{background:#10141c!important;font-weight:700}.row-creo-camp td{background:#0d1017!important}.profile-label{font-size:.95rem;font-weight:700;color:#f8fafc}.row-profile td{background:#10141c!important;font-weight:700}.row-analytics-cab td{background:#0d1017!important}.creo-label{font-size:.95rem;font-weight:700;color:#f8fafc}.product-pill{margin-left:8px;padding:2px 7px;border-radius:2px;font-size:.65rem;font-weight:700;text-transform:uppercase}.product-pill.pwa{background:#1d4ed8;color:#fff}.product-pill.ios{background:#7c3aed;color:#fff}.product-pill.mixed{background:#334155;color:#e2e8f0}.indent-1{padding-left:28px!important}.indent-2{padding-left:52px!important}.section-hint{margin:-8px 0 16px;color:var(--muted);font-size:.85rem}.pill{display:inline-block;padding:2px 8px;border-radius:2px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pill.active,.pill.active_status{background:var(--green-bg);color:var(--green-text)}.pill.paused{background:#64748b33;color:#94a3b8}.pill.disabled{background:var(--red-bg);color:var(--red-text)}.roi-green{color:var(--green-text)!important;font-weight:700}.roi-yellow{color:var(--yellow-text)!important;font-weight:700}.roi-red{color:var(--red-text)!important;font-weight:700}.roi-neutral{color:var(--muted)!important}.val-positive{color:var(--green-text)!important;font-weight:700}.val-negative{color:var(--red-text)!important;font-weight:700}.diff-good{color:var(--green-text)!important;font-weight:700;background:var(--green-bg)!important}.diff-bad{color:var(--red-text)!important;font-weight:700;background:var(--red-bg)!important}.diff-ok{color:var(--muted)!important}.tr-more{color:var(--green-text)!important;font-weight:700}.tr-less{color:var(--red-text)!important;font-weight:700}.tr-equal{color:inherit}.dep-diff{color:#fb923c!important;font-weight:700;background:#fb923c2e!important}.col-tr-cost{color:#c4b5fd!important;font-size:.78rem;font-weight:600}.custom-range-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:2px}.custom-range-panel label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.custom-range-panel input[type=date]{padding:8px 10px;border-radius:2px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem}.btn-sm{padding:8px 14px;font-size:.82rem}.table-toolbar{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:2px}.toolbar-group{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.toolbar-label{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-right:6px;min-width:44px}.filter-btn{padding:6px 12px;border-radius:2px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .12s}.filter-btn:hover{color:var(--text);border-color:var(--border-light)}.filter-status.active{background:#22c55e1f;border-color:var(--green);color:var(--green-text)}.filter-status.filter-rejected.active{background:#ef444426;border-color:#ef4444;color:#fca5a5}.filter-status.filter-no-spend.active{background:#eab30826;border-color:#eab308;color:#fde047}.filter-sort.active{background:var(--accent-dim);border-color:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.sort-arrow{font-size:.75rem;margin-left:2px;opacity:.9}@media(max-width:768px){.content{padding:14px}.content-header{flex-direction:column}.stat-value{font-size:1.1rem}.table-toolbar{flex-direction:column;align-items:flex-start}}