:root{--ink:#12231d;--muted:#61716a;--paper:#f4f5ef;--card:#fff;--line:#dfe4dc;--green:#184f3a;--lime:#d8f455;--orange:#f39a62;--red:#b44848;--shadow:0 18px 50px rgba(28,49,39,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#123d2e;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.02em}.brand small{color:#b9cfc5;font-weight:500}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--lime);color:#103b2b;font-size:31px;font-weight:900}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:22px}.sidebar nav{margin-top:48px;display:grid;gap:6px}.nav-item{background:transparent;color:#c9dbd3;border:0;text-align:left;padding:12px 14px;border-radius:10px;font:inherit;cursor:pointer}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:#fff}.nav-item.active:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:10px}.sidebar-foot{margin-top:auto;color:#b9cfc5;font-size:12px;display:flex;gap:8px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(216,244,85,.12)}.workspace{margin-left:228px;padding:30px 38px 60px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:2px 0 0;font-size:34px;letter-spacing:-.04em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#789087}.user-box{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:9px 12px 9px 16px;border-radius:13px;font-size:13px}.text-button{border:0;background:transparent;color:var(--red);cursor:pointer}.filterbar{position:sticky;top:0;z-index:1;display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:rgba(244,245,239,.94);backdrop-filter:blur(14px);padding:12px 0 18px}.filterbar label,.login-card label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.filterbar input,.filterbar select,.login-card input{height:39px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 10px;color:var(--ink);min-width:118px}.filterbar select#campaign{max-width:230px}.filterbar button,.login-card button{height:39px;border:0;border-radius:9px;padding:0 16px;background:var(--green);color:#fff;font-weight:750;cursor:pointer}.filterbar button.secondary{background:#e5e9e2;color:var(--ink)}.loading{padding:80px;text-align:center;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin:12px 0 18px}.metric-grid.compact{grid-template-columns:repeat(6,1fr)}.metric-card{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-height:118px}.metric-card p{margin:0 0 13px;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.04em}.metric-card small,.cell-sub{display:block;margin-top:7px;color:var(--muted);font-size:11px}.basis-chip{display:inline-block;background:#e6ebdf;color:#3d5148;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.panel h2,.section-head h2{margin:6px 0 20px;font-size:20px}.funnel{display:flex;align-items:stretch;gap:6px}.funnel div{position:relative;flex:1;display:grid;gap:4px;padding:16px 10px;background:#edf1e9;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%)}.funnel div:first-child{clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}.funnel b{font-size:18px}.funnel span{font-size:11px;color:var(--muted)}.donut-row{display:flex;gap:24px;align-items:center}.donut{--p:50;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#e5e9e2 0);position:relative}.donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.donut span{z-index:1;font-weight:850}.muted{color:var(--muted)}.notice{border-left:4px solid var(--orange);background:#fff8ef;padding:16px 18px;border-radius:0 12px 12px 0;margin:16px 0;font-size:13px}.notice p{margin:7px 0;color:#684b38}.danger-box{border-left-color:var(--red)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:18px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:900px;font-size:12px}th{text-align:left;background:#edf1e9;color:#607068;padding:12px;position:sticky;top:0}td{padding:12px;border-top:1px solid #eef0eb;vertical-align:top}tr:hover td{background:#fafbf8}.tag{display:inline-block;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.tag.high{background:#ddf1e6;color:#206146}.tag.medium{background:#fff0d5;color:#8d5b05}.tag.none{background:#f4dddd;color:#934040}.danger{color:var(--red);font-weight:700}.empty{text-align:center;padding:80px;color:var(--muted);background:#fff;border-radius:15px}.readiness{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eef0eb}.readiness:first-of-type{border:0}.readiness div{flex:1;display:grid}.readiness small{color:var(--muted);margin-top:2px}.readiness>strong{font-size:10px;text-transform:uppercase;color:var(--muted)}.status{width:10px;height:10px;border-radius:50%}.status.ready{background:#3b9d6b}.status.partial{background:#e7a640}.status.blocked{background:#c65b5b}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dcefa9 0,transparent 35%),linear-gradient(135deg,#ecf0e5,#ceddd4)}.login-card{width:min(440px,calc(100vw - 36px));background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(15,60,43,.18)}.login-card h1{font-size:38px;letter-spacing:-.055em;line-height:1.05;margin:14px 0}.login-card form{display:grid;gap:16px;margin-top:28px}.login-card input{height:48px;font-size:15px}.login-card button{height:48px;margin-top:4px}.form-error{margin:0;color:var(--red);font-size:12px}.security-note{text-align:center;color:var(--muted);font-size:10px;margin:20px 0 0}
.filterbar input:disabled{background:#ecefe9;color:#7e8a84;cursor:not-allowed}.filterbar #keyword-search{min-width:190px}.tree-help{display:flex;align-items:center;gap:16px;margin:12px 0 14px;padding:13px 16px;border:1px solid #d8e1d7;border-radius:13px;background:#f9fbf6;color:var(--muted);font-size:12px}.tree-help b{color:var(--ink);white-space:nowrap}.tree-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.tree-table{min-width:1180px}.tree-table th:first-child,.tree-table td:first-child{position:sticky;left:0;z-index:1}.tree-table th:first-child{z-index:2}.tree-table td:first-child{background:#fff}.tree-table tr:hover td:first-child{background:#fafbf8}.tree-table .level-campaign td{background:#f8faf5;font-weight:700}.tree-table .level-campaign td:first-child{background:#f8faf5}.tree-table .level-group td{background:#fcfdfb}.tree-table .level-group td:first-child{background:#fcfdfb}.tree-table tr.synthetic td{color:#8a664c;background:#fff8ef}.tree-table tr.synthetic td:first-child{background:#fff8ef}.tree-table td small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.tree-name{display:flex;align-items:flex-start;gap:8px;padding-left:calc(var(--depth) * 20px);min-width:330px}.tree-name>div{min-width:0}.tree-name b{display:inline;overflow-wrap:anywhere}.tree-name small{max-width:470px}.tree-toggle,.tree-toggle-spacer{flex:0 0 24px;width:24px;height:24px}.tree-toggle{display:grid;place-items:center;padding:0;border:1px solid #cbd7cd;border-radius:7px;background:#fff;color:var(--green);font:800 16px/1 inherit;cursor:pointer}.tree-toggle:hover{background:var(--lime);border-color:#bed63e}.tree-toggle:disabled{cursor:wait;opacity:.65}.tree-channel,.tree-warning{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:800;vertical-align:2px}.tree-channel{background:#e4eee7;color:#315e49}.tree-warning{background:#f9dfc7;color:#875331}tr[hidden]{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid.compact{grid-template-columns:repeat(3,1fr)}.split-panel{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:14px}.sidebar nav{margin:12px 0;display:flex;overflow:auto}.sidebar-foot{display:none}.workspace{margin:0;padding:18px}.topbar{align-items:flex-start}.user-box{display:none}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr}.funnel{display:grid}.funnel div{clip-path:none!important}.filterbar{position:static}.filterbar label{width:calc(50% - 6px)}.filterbar input,.filterbar select{width:100%}.login-card{padding:26px}}