:root{--accent:#2c2c2c;--ink:#1d1d1d;--muted:#707070;--line:#e7e7e7;--bg:#f7f7f7;--green:#16855c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 16px;color:var(--ink);font-size:14px;font-weight:600}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#242424}aside{width:238px;position:fixed;height:100vh;background:white;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:35px;font-weight:800;text-decoration:none;letter-spacing:-2px}.brand img{width:42px;height:42px;object-fit:contain}.brand-dot{color:var(--accent)}.workspace{font-size:11px;letter-spacing:1.4px;margin:35px 0 23px;color:var(--muted)}.workspace strong{display:flex;justify-content:space-between;font-size:14px;letter-spacing:0;color:var(--ink);margin-top:12px;border:1px solid var(--line);padding:12px;border-radius:9px}nav{display:grid;gap:6px}nav button{text-align:left;display:flex;gap:12px;align-items:center;border:0;background:none;padding:13px;font-size:16px;font-weight:500}nav button span{font-size:14px}nav button.active{color:var(--accent);background:#ececec;font-weight:700}nav small{font-size:10px;padding:2px 5px;border:1px solid #c1c1c1;border-radius:4px}.side-bottom{margin-top:auto;padding-top:30px;font-size:12px;color:var(--muted)}.demo-dot{font-weight:600;color:var(--accent)}.demo-dot:before{content:' ';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}.text-button{padding:0;border:0;background:none;font-size:12px;color:var(--muted)}.profile{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;gap:10px;align-items:center;font-size:13px}.profile small{display:block;font-size:11px;color:var(--muted)}.avatar{border-radius:50%;background:#e8e8e8;color:var(--accent);width:37px;height:37px;display:grid;place-items:center;font-weight:700}main{margin-left:238px}header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;font-size:13px}.breadcrumb{color:var(--muted)}.tag{background:#f1f1f1;color:#696969;border:1px solid var(--line);padding:5px 10px;border-radius:6px;font-size:12px}.content{padding:30px 36px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--accent);margin:0 0 8px}h1{font-size:29px;letter-spacing:-1px;margin:0;font-weight:700}h2{font-size:18px;margin:0}h3{font-size:16px;margin:0 0 7px}p{margin:7px 0 0}#subtitle{font-size:14px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:13px}.metric{padding:20px}.metric-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.metric strong{display:block;font-size:29px;letter-spacing:-.7px;margin:15px 0 6px}.metric small{font-size:12px;color:var(--muted)}.metric em{font-style:normal;color:var(--green)}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.accent-panel{background:#181818;color:white;border:0;position:relative;overflow:hidden}.accent-panel p{color:#c3c3c3;font-size:14px}.accent-panel .eyebrow{color:#a5a5a5}.accent-panel h2{font-size:25px;line-height:1.3;max-width:280px}.accent-panel button{margin-top:23px;color:#fff;background:#2c2c2c;border-color:#5f5f5f}.mini-stats{display:flex;gap:30px;margin-top:24px;border-top:1px solid #ffffff26;padding-top:18px;font-size:12px;color:#c3c3c3}.mini-stats strong{display:block;color:white;font-size:22px}.chart-row{display:grid;grid-template-columns:100px 1fr 85px;align-items:center;gap:12px;margin:21px 0;font-size:12px}.track{height:24px;background:#f0f0f0;border-radius:4px;overflow:hidden}.bar{height:100%;background:var(--accent);border-radius:4px;min-width:0}.chart-row:nth-child(2n) .bar{background:#898989}.legend{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:23px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:500;padding:12px 14px;background:#f9f9f9}td{padding:17px 14px;border-bottom:1px solid #eeeeee}td:first-child{font-weight:600}td small{display:block;color:var(--muted);font-weight:400;font-size:11px}.status{padding:4px 8px;border-radius:5px;font-size:11px;background:#eaf7ef;color:var(--green)}.status.paused{background:#f1f1f1;color:#787878}.row-actions{display:flex;gap:6px}.row-actions button{font-size:12px;padding:5px 8px}input,select,textarea{border:1px solid #d8d8d8;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;font-size:14px}select.compact{width:auto;max-width:100%}.search{max-width:300px}label{display:block;font-size:13px;font-weight:600}label input,label select,label textarea{margin-top:7px;font-weight:400}textarea{min-height:95px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}.recommendation{border:1px solid var(--line);border-radius:10px;padding:19px;margin:14px 0;background:#fff}.recommendation p{font-size:14px;color:var(--muted)}.recommendation button{margin-top:12px}.number{display:inline-grid;place-items:center;background:#e7e7e7;color:var(--accent);width:29px;height:29px;border-radius:8px;margin-right:8px;font-size:13px}.notice{background:#efefef;border:1px solid #d9d9d9;padding:12px 15px;border-radius:9px;font-size:13px;color:#515151;margin-bottom:20px}.creative-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ad-card{border:1px solid var(--line);border-radius:12px;margin-bottom:15px;overflow:hidden}.ad-top{padding:17px;background:#f9f9f9;font-size:12px;color:var(--muted)}.ad-body{padding:20px}.ad-body h3{font-size:23px}.ad-body p{font-size:14px}.ad-body button{margin-top:18px}.empty{padding:40px;text-align:center;color:var(--muted)}.lead-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.lead-stats span{background:white;border:1px solid var(--line);border-radius:8px;padding:12px 18px;font-size:14px}.lead-stats b{color:var(--accent);margin-left:8px}dialog{width:min(670px,94vw);border:1px solid var(--line);border-radius:16px;padding:27px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #18181833}dialog::backdrop{background:#16161673;backdrop-filter:blur(3px)}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.dialog-actions{justify-content:flex-end;margin:23px 0 0}.icon{font-size:25px;padding:0 10px;border:0}footer{display:flex;justify-content:space-between;margin-top:30px;color:#8a8a8a;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1d1d1d;color:#fff;padding:13px 22px;border-radius:10px;display:none;z-index:10;max-width:90vw;font-size:14px}[hidden]{display:none!important}@media(min-width:1500px){.content{max-width:1500px;margin:auto;padding:40px 50px}}@media(max-width:1050px){aside{width:200px;padding:25px 14px}main{margin-left:200px}.content{padding:25px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.creative-layout{grid-template-columns:1fr}h1{font-size:25px}}@media(max-width:700px){aside{position:static;width:auto;height:auto;padding:15px}.brand{font-size:28px}.brand img{width:32px;height:32px}.workspace,.side-bottom,.profile{display:none}nav{display:flex;overflow:auto;gap:3px;margin-top:12px}nav button{flex-shrink:0;padding:10px;font-size:14px}nav small{display:none}main{margin:0}header{height:54px;padding:0 18px}.content{padding:22px 16px}.page-title{align-items:flex-start;flex-direction:column}h1{font-size:26px}.metric{padding:15px}.metric strong{font-size:24px}.metrics{gap:10px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{gap:12px;flex-direction:column}.chart-row{grid-template-columns:85px 1fr 75px;gap:7px}}
.automation-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#181818;color:white;border-radius:13px;padding:25px;margin-bottom:28px}.automation-banner .eyebrow{color:#a7a7a7}.automation-banner p:not(.eyebrow){font-size:14px;color:#c3c3c3;max-width:630px}.automation-banner button{flex-shrink:0}.rule-list{display:grid;gap:16px}.rule-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.rule-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.rule-top h3{margin-top:12px;font-size:18px}.rule-top .enabled{background:#e8e8e8;color:var(--accent);border-color:#cdcdcd}.rule-flow{display:grid;grid-template-columns:1fr 35px 1fr;gap:18px;padding:20px;background:#f9f9f9;border-radius:9px;margin:17px 0}.rule-flow strong,.rule-flow small{display:block}.rule-flow div>span{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:700}.rule-flow strong{font-size:15px;margin:6px 0}.rule-flow small{font-size:12px;color:var(--muted)}.flow-arrow{align-self:center;color:#9a9a9a;font-size:23px}.rule-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.rule-bottom button{font-size:12px;padding:6px 10px}.rule-bottom>div{display:flex;gap:6px}.platform-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#e8e8e8;font-size:30px;color:var(--accent);font-weight:700}.eligible-result{color:var(--accent)!important;font-weight:600}.preview-list{max-height:50vh;overflow:auto}.metric strong small{font-size:17px;font-weight:400}#ruleModal{width:min(730px,94vw)}aside nav{overflow-y:auto}.side-bottom{padding-top:18px}@media(max-width:700px){.automation-banner{flex-direction:column;align-items:flex-start}.rule-flow{grid-template-columns:1fr;gap:6px}.flow-arrow{transform:rotate(90deg);justify-self:start}.rule-bottom{align-items:flex-start;flex-direction:column}.rule-card{padding:17px}}

.brand{font-size:22px;line-height:1.25;letter-spacing:-.5px;font-weight:700;padding:8px 0}.brand-dot,.brand img{display:none}:root{--accent:#334155;--ink:#1f2937;--muted:#667085;--line:#e5e7eb;--bg:#f6f7f8}button.primary:hover{background:#1e293b}.accent-panel,.automation-banner{background:#242b34}.automation-banner .eyebrow,.accent-panel .eyebrow{color:#d1d5db}button.primary:disabled{opacity:.55;cursor:default}@media(max-width:700px){.brand{font-size:21px}}