:root{--bg-base: #0d0e10;--bg-elev: #14161a;--bg-elev-2: #1b1e23;--bg-elev-3: #232730;--bg-hover: #1e2128;--line: #252830;--line-strong: #303540;--ink: #e8e9ec;--ink-mute: #9ca0aa;--ink-soft: #6b6f7a;--ink-faint: #4a4d56;--scale: #6dd29a;--scale-bg: rgba(109, 210, 154, .08);--scale-line: rgba(109, 210, 154, .25);--pause: #ff7a6b;--pause-bg: rgba(255, 122, 107, .08);--pause-line: rgba(255, 122, 107, .25);--restructure: #ffc870;--restructure-bg: rgba(255, 200, 112, .08);--restructure-line: rgba(255, 200, 112, .25);--creative: #c4a3ff;--creative-bg: rgba(196, 163, 255, .08);--creative-line: rgba(196, 163, 255, .25);--data: #ff9966;--data-bg: rgba(255, 153, 102, .08);--data-line: rgba(255, 153, 102, .25);--insight: #6db3ff;--insight-bg: rgba(109, 179, 255, .08);--insight-line: rgba(109, 179, 255, .25);--health-strong: #6dd29a;--health-good: #a8d97f;--health-watch: #ffc870;--health-concern: #ff9966;--health-critical: #ff7a6b;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter Tight", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;height:100%}#root{height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:232px 1fr;grid-template-areas:"header header" "sidebar main"}.header{grid-area:header;background:var(--bg-elev);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;height:52px;gap:28px}.logo{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.logo-mark{width:22px;height:22px;border-radius:4px;background:linear-gradient(135deg,var(--ink),var(--ink-mute));display:grid;place-items:center;color:var(--bg-base);font-size:12px;font-weight:700;font-family:var(--font-body)}.client-switcher{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg-elev-2);cursor:pointer;font-size:13px}.client-switcher:hover{border-color:var(--line-strong);background:var(--bg-elev-3)}.client-avatar{width:22px;height:22px;border-radius:4px;background:linear-gradient(135deg,#f96,#ff7a6b);display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.client-name{font-weight:500}.client-meta{color:var(--ink-soft);font-size:12px}.header-spacer{flex:1}.sidebar{grid-area:sidebar;background:var(--bg-elev);border-right:1px solid var(--line);padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:18px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding:0 10px;margin-bottom:6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--ink-mute);text-decoration:none;font-size:13px;font-weight:500;margin-bottom:1px;position:relative;transition:all .12s ease}.nav-item:hover{background:var(--bg-elev-2);color:var(--ink)}.nav-item.active{background:var(--bg-elev-3);color:var(--ink)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:2px;background:var(--ink);border-radius:0 2px 2px 0}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.nav-badge{margin-left:auto;font-size:11px;font-family:var(--font-mono);font-weight:600;padding:1px 6px;border-radius:4px;background:var(--pause-bg);color:var(--pause);border:1px solid var(--pause-line)}.nav-divider{height:1px;background:var(--line);margin:14px 8px}.main{grid-area:main;overflow-y:auto;background:var(--bg-base)}.page-header{padding:24px 32px 16px;border-bottom:1px solid var(--line);background:#0d0e10e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.breadcrumb{font-size:12px;color:var(--ink-soft);margin-bottom:8px;display:flex;align-items:center;gap:6px}.breadcrumb a{color:var(--ink-soft);text-decoration:none;cursor:pointer}.breadcrumb a:hover{color:var(--ink)}.breadcrumb-sep{color:var(--ink-faint)}.breadcrumb-current{color:var(--ink)}.page-title{font-family:var(--font-display);font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.page-subtitle{color:var(--ink-mute);margin-top:6px;font-size:13px}.page-meta{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--ink-soft);font-family:var(--font-mono)}.page-meta-item{display:flex;align-items:center;gap:6px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--scale);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #6dd29a66}50%{opacity:.6;box-shadow:0 0 0 6px #6dd29a00}}.activity-content{padding:24px 32px 80px;max-width:1100px}.zone-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;margin-top:32px}.zone-header:first-child{margin-top:0}.zone-title{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em}.zone-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);padding:2px 7px;background:var(--bg-elev-2);border-radius:12px;border:1px solid var(--line)}.approval-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:all .18s ease}.approval-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 4px 16px #0003}.card-strip{height:2px}.strip-scale{background:var(--scale)}.strip-pause{background:var(--pause)}.strip-restructure{background:var(--restructure)}.strip-creative{background:var(--creative)}.strip-data{background:var(--data)}.card-body{padding:16px 18px}.card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.intent-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid;flex-shrink:0}.badge-scale{background:var(--scale-bg);color:var(--scale);border-color:var(--scale-line)}.badge-pause{background:var(--pause-bg);color:var(--pause);border-color:var(--pause-line)}.badge-restructure{background:var(--restructure-bg);color:var(--restructure);border-color:var(--restructure-line)}.badge-creative{background:var(--creative-bg);color:var(--creative);border-color:var(--creative-line)}.badge-data{background:var(--data-bg);color:var(--data);border-color:var(--data-line)}.card-action{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.005em;line-height:1.3;flex:1}.card-action b{font-weight:700}.card-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);margin-top:2px;flex-shrink:0}.card-reason{color:var(--ink-mute);font-size:13px;line-height:1.55;margin-bottom:14px}.card-evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:14px}.evidence-cell{background:var(--bg-elev-2);padding:10px 12px}.evidence-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:4px;font-weight:600}.evidence-value{font-family:var(--font-mono);font-size:14px;font-weight:500}.evidence-delta{font-family:var(--font-mono);font-size:11px;margin-left:4px}.delta-up{color:var(--scale)}.delta-down{color:var(--pause)}.card-footer{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.confidence{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-soft);font-family:var(--font-mono)}.confidence-dots{display:flex;gap:3px}.conf-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint)}.conf-dot.filled{background:var(--ink)}.card-actions{margin-left:auto;display:flex;gap:6px}.btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease;font-family:var(--font-body);border:1px solid var(--line);background:var(--bg-elev-2);color:var(--ink-mute);display:inline-flex;align-items:center;gap:5px}.btn:hover{background:var(--bg-elev-3);color:var(--ink);border-color:var(--line-strong)}.btn-primary{background:var(--ink);color:var(--bg-base);border-color:var(--ink)}.btn-primary:hover{background:#fff;border-color:#fff;color:var(--bg-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.activity-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.activity-item:hover{border-color:var(--line-strong);background:var(--bg-elev-2)}.activity-icon{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.icon-pause{background:var(--pause-bg);color:var(--pause)}.icon-flag{background:var(--restructure-bg);color:var(--restructure)}.icon-insight{background:var(--insight-bg);color:var(--insight)}.icon-creative{background:var(--creative-bg);color:var(--creative)}.activity-text{flex:1;font-size:13px}.activity-text b{font-weight:600}.activity-meta{color:var(--ink-soft);font-size:12px;margin-top:2px}.activity-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.empty-state{padding:24px;text-align:center;color:var(--ink-soft);background:var(--bg-elev);border:1px dashed var(--line);border-radius:8px;font-size:13px}.table-controls{display:flex;align-items:center;gap:8px;padding:16px 32px;border-bottom:1px solid var(--line);background:var(--bg-elev)}.filter-pill{padding:5px 11px;border-radius:5px;border:1px solid var(--line);background:var(--bg-elev-2);font-size:12px;color:var(--ink-mute);cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;gap:5px}.filter-pill.active{background:var(--bg-elev-3);color:var(--ink);border-color:var(--line-strong)}.controls-spacer{flex:1}.campaigns-table{width:100%;font-size:13px;border-collapse:collapse}.campaigns-table thead{background:var(--bg-elev);position:sticky;top:0;z-index:1}.campaigns-table th{padding:12px 16px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}.campaigns-table th.num{text-align:right}.campaigns-table tbody tr{border-bottom:1px solid var(--line);cursor:pointer}.campaigns-table tbody tr:hover{background:var(--bg-elev)}.campaigns-table td{padding:14px 16px;vertical-align:middle}.campaigns-table td.num{text-align:right;font-family:var(--font-mono);font-size:12px}.campaign-name{font-weight:500}.campaign-meta{color:var(--ink-soft);font-size:11px;margin-top:2px;font-family:var(--font-mono)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-active{background:var(--scale);box-shadow:0 0 8px #6dd29a66}.status-limited{background:var(--restructure)}.status-paused{background:var(--ink-faint)}.health-cell{display:flex;align-items:center;gap:8px}.health-bar{width:60px;height:5px;background:var(--bg-elev-3);border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;border-radius:3px}.fill-strong{width:95%;background:var(--health-strong)}.fill-good{width:75%;background:var(--health-good)}.fill-watch{width:55%;background:var(--health-watch)}.fill-concern{width:35%;background:var(--health-concern)}.fill-critical{width:18%;background:var(--health-critical)}.health-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.label-strong{color:var(--health-strong)}.label-good{color:var(--health-good)}.label-watch{color:var(--health-watch)}.label-concern{color:var(--health-concern)}.label-critical{color:var(--health-critical)}.has-proposal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--insight);margin-left:6px;vertical-align:middle;box-shadow:0 0 6px #6db3ff99}.loading{padding:60px 24px;text-align:center;color:var(--ink-soft);font-size:13px}.notif-dot{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--pause);border:2px solid var(--bg-elev)}