:root{--bg:#f5f6f3;--ink:#172326;--muted:#718080;--line:#e4e8e3;--gold:#edbb54;--dark:#101b20;--green:#286b59;--red:#b9433e;--panel:#fff;--radius:17px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;padding:12px 17px;background:var(--gold);color:#192527;font-size:13px;font-weight:650;transition:background .15s,transform .15s}button:hover{filter:brightness(.97);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}button.primary{background:var(--dark);color:white}button.secondary{background:white;border:1px solid var(--line);color:var(--ink)}button.danger{background:#f9e9e5;color:var(--red)}button.text-btn{background:transparent;padding:0;color:inherit;text-align:left}.compact{padding:9px 12px;font-size:12px}.full{width:100%;display:flex;justify-content:space-between;margin-top:18px}input,select,textarea{background:white;border:1px solid #dce2dc;border-radius:8px;padding:11px 12px;color:var(--ink);max-width:100%;width:100%;font-size:13px}textarea{resize:vertical;min-height:90px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#92702e}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}label{display:block;margin-bottom:8px;font-size:12px;font-weight:650}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;line-height:1.2}h2{font-size:18px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:650}p{line-height:1.6;font-size:13px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.error{color:var(--red)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7fc5a8;margin-right:7px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 75% 25%,#283e3f 0%,#132228 45%,#0c171d 100%)}.login-card{width:min(470px,100%);background:#fafbf8;padding:45px;border-radius:25px;box-shadow:0 30px 100px #0005}.login-card h1{font-size:34px;margin:28px 0 15px}.login-card .eyebrow{margin-top:25px}.login-card form{margin-top:30px}.login-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:11px;color:var(--muted)}.brand-mark{position:relative;background:var(--gold);color:var(--ink);font-weight:850;width:54px;height:54px;display:grid;place-items:center;font-size:20px;border-radius:15px;letter-spacing:-1px}.brand-mark span{position:absolute;right:5px;top:0;font-size:12px}.brand-mark.small{width:38px;height:38px;font-size:15px;border-radius:10px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:var(--dark);color:#b4c1c3;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-size:11px;font-weight:750;letter-spacing:1.2px;margin-bottom:45px}.brand small{display:block;color:#91a2a5;font-size:8px;letter-spacing:1.7px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#70848a;margin-left:11px;margin-bottom:14px}nav{display:grid;gap:5px}nav button{background:transparent;color:#a9b9bc;text-align:left;display:flex;align-items:center;gap:12px;font-weight:500;padding:12px;font-size:12px}nav button>span{width:18px;font-size:19px;text-align:center;color:#8ba0a6}nav button.selected{background:#26343a;color:#fff}nav button.selected>span{color:var(--gold)}nav b{margin-left:auto;background:#34474e;min-width:20px;padding:2px 5px;border-radius:5px;text-align:center;font-size:10px}.sidebar-note{margin-top:auto;background:#1a292f;border:1px solid #2c3d42;border-radius:13px;padding:17px}.sidebar-note strong{font-size:12px;color:white;line-height:1.6;display:block;margin:10px 0}.sidebar-note p{font-size:11px;color:#8ca1a7}.sidebar-note button{font-size:10px;color:var(--gold)}.orb{color:var(--gold);font-size:22px}.logout{background:transparent;text-align:left;color:#8fa1a5;font-size:11px;padding-top:25px}.workspace{margin-left:235px}header{height:80px;background:#fff9;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#c3ccca}.breadcrumb b{color:#344748;font-weight:500}.header-right{display:flex;gap:15px;align-items:center}.avatar{display:grid;place-items:center;background:#e7ece5;width:31px;height:31px;border-radius:50%;font-size:10px;font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:9px;letter-spacing:.5px;font-weight:750;white-space:nowrap;background:#edf0ed;color:#5d716d}.badge.amber{background:#fff0cb;color:#976c15}.badge.green{background:#e7f2eb;color:#36745c}.badge.red{background:#fae9e7;color:#a94337}.badge.blue{background:#e7eef6;color:#466d91}main#content{max-width:1460px;margin:auto;padding:34px 40px;min-height:calc(100vh - 130px)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.title-row h1{font-size:26px;margin-bottom:9px}.title-row p{margin:0;color:var(--muted);font-size:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero{background:var(--dark);color:white;padding:30px 32px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:25px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;width:300px;height:300px;border:1px solid #53645a44;border-radius:50%;pointer-events:none}.hero:before{content:"";position:absolute;right:-30px;width:200px;height:200px;border:1px solid #53645a44;border-radius:50%;pointer-events:none}.hero .eyebrow{color:var(--gold);margin-bottom:13px}.hero h2{font-size:26px;line-height:1.3;max-width:500px;margin-bottom:12px;letter-spacing:-.5px}.hero p{color:#9fb0b3;margin:0;max-width:480px;font-size:12px}.hero button{z-index:1;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{padding:21px;background:white;border:1px solid var(--line);border-radius:13px}.metric .metric-label{display:flex;align-items:center;justify-content:space-between;color:#718080;font-size:11px}.metric .metric-label span{color:#a2b1aa;font-size:16px}.metric strong{display:block;font-size:31px;font-weight:650;letter-spacing:-1px;margin:13px 0 6px}.metric small{font-size:10px;color:#88948f}.grid-two{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px}.grid-two .panel{margin-bottom:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.panel-title h2{margin:0}.panel-title small{font-size:10px;color:var(--muted)}.pipeline-row{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;gap:15px;margin:20px 0;font-size:11px}.pipeline-row span{color:#718080}.pipeline-track{height:8px;background:#f1f3ef;border-radius:9px;overflow:hidden}.pipeline-fill{height:100%;background:#486d63;border-radius:9px;min-width:0;transition:width .4s}.pipeline-row:nth-child(3) .pipeline-fill{background:var(--gold)}.pipeline-row b{text-align:right;font-weight:600}.channel-row{display:flex;align-items:center;border-bottom:1px solid #eff1ec;padding:14px 0;gap:12px}.channel-row:last-child{border-bottom:0}.channel-icon{height:35px;width:35px;border-radius:10px;background:#f2f4ef;display:grid;place-items:center;font-size:17px;color:#54766a}.channel-row strong{font-size:12px;display:block;margin-bottom:4px}.channel-row small{font-size:10px;color:var(--muted)}.channel-row .badge{margin-left:auto}.table-wrap{overflow:auto;margin:0 -24px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{background:#f8f9f6;color:#7a8983;font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:13px 19px;font-weight:600}td{padding:15px 19px;border-bottom:1px solid #eff1eb;color:#576967}td strong{color:#273e3b;font-size:12px;font-weight:600}td small{display:block;font-size:10px;color:#94a19b;margin-top:4px}tr.clickable:hover{background:#f8faf5;cursor:pointer}td button{background:#f1f3ee;color:#4c665d;padding:6px 9px;font-size:10px}.empty{padding:42px 15px;text-align:center;white-space:normal;color:#819089}.empty strong{display:block;color:#3f5750;margin:12px}.empty .empty-symbol{font-size:32px;color:#bdc9bf}.empty p{max-width:370px;margin:8px auto 20px;font-size:12px}.tools{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.tools input{width:280px}.tools select{width:170px}.tools .count{margin-left:auto;font-size:11px;color:var(--muted)}.permission{display:inline-flex;font-size:9px;background:#f2f4ef;padding:4px 6px;border-radius:4px;margin-right:3px;color:#6c7d72}.permission.yes{background:#e9f1e7;color:#497348}.activity{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eff1eb}.activity:last-child{border:0}.activity .event-icon{color:#b6a66f;background:#f7f4e8;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;flex-shrink:0}.activity p{margin:0;font-size:11px;line-height:1.5}.activity small{font-size:10px;color:#93a198}.activity time{margin-left:auto;font-size:9px;color:#9aa59d;white-space:nowrap}.notice{background:#f9f2df;border:1px solid #f0e2be;border-radius:9px;color:#88713d;padding:12px 15px;font-size:11px;line-height:1.65;margin-bottom:20px}.notice.green{background:#edf4ec;border-color:#dce8d8;color:#5c7b57}.campaign-card{display:grid;grid-template-columns:1fr auto;gap:20px}.campaign-card h2{margin:10px 0}.campaign-card p{color:var(--muted);font-size:11px}.step-pills{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.step-pills span{background:#f5f6f1;border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-group{margin-bottom:19px}.help{display:block;color:#8b988e;font-size:10px;line-height:1.65;margin-top:7px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;margin:10px 0}.check-row{display:flex;gap:20px;flex-wrap:wrap}.section-divider{border:0;border-top:1px solid var(--line);margin:25px 0}.step-editor{background:#f7f8f4;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}.step-editor textarea{margin-top:12px}.step-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;font-weight:650}.step-editor .form-grid{grid-template-columns:1fr 1fr 1fr;gap:10px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-head h2{font-size:23px;margin:0 0 7px}.dialog-head p{font-size:11px;color:var(--muted);margin:0}.dialog-head button{background:#eef1ea;padding:6px 10px;color:#718477;font-size:17px}dialog{border:1px solid var(--line);padding:28px;border-radius:19px;max-width:720px;width:calc(100% - 30px);max-height:90dvh;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#14201e88;backdrop-filter:blur(3px)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.preview-message{background:#f4f7ed;padding:15px;border-radius:11px;white-space:pre-wrap;line-height:1.65;font-size:12px;margin:12px 0}.split-inbox{display:grid;grid-template-columns:300px 1fr;gap:20px;min-height:530px}.inbox-list{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.inbox-list button{display:block;width:100%;background:white;text-align:left;border-radius:0;border-bottom:1px solid var(--line);padding:18px}.inbox-list button.active{background:#edf2e7}.inbox-list button small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.thread{background:#fbfcf9;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.thread-head{padding:20px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.thread-head strong{font-size:13px}.thread-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.messages{padding:25px;max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:13px;min-height:270px}.bubble{max-width:85%;align-self:flex-start;background:white;border:1px solid #e7ece0;border-radius:10px 10px 10px 0;padding:13px;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble.out{align-self:flex-end;background:#eaf1e3;border:0;border-radius:10px 10px 0 10px}.bubble small{display:block;font-size:9px;color:#8a9883;margin-top:7px}.reply-box{border-top:1px solid var(--line);padding:16px;background:white}.reply-box textarea{min-height:65px}.reply-box .actions{justify-content:space-between;margin-top:10px}.reply-box select{width:110px;padding:8px}.provider-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px}.provider-card .panel-title{margin-bottom:12px}.provider-card p{font-size:11px;color:var(--muted);margin:0}.budget{font-size:27px;letter-spacing:-.7px;color:#41594b;margin-bottom:8px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-grid .panel{padding:18px}.mini-grid h3{font-size:11px;color:var(--muted)}.mini-grid strong{font-size:24px}.progress-bar{height:6px;background:#f0f2eb;overflow:hidden;border-radius:5px;margin:15px 0}.progress-bar i{display:block;background:var(--gold);height:100%}footer{padding:18px 40px;display:flex;justify-content:space-between;font-size:8px;color:#9ba79e;letter-spacing:1px;border-top:1px solid var(--line)}footer span{letter-spacing:.2px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#20352c;color:white;box-shadow:0 10px 40px #0003;padding:14px 22px;border-radius:10px;font-size:12px;z-index:100;opacity:0;transition:.2s;max-width:90vw;line-height:1.6}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.bad{background:#8a3e31}.stop-page{display:grid;place-items:center;min-height:100dvh;padding:20px}.stop-page main{max-width:500px;width:100%}pre{white-space:pre-wrap;background:#f4f5ef;padding:14px;border-radius:8px;font-size:11px;line-height:1.6;overflow:auto}.selected-count{font-size:12px;color:#75836f}td input[type=checkbox],th input[type=checkbox]{margin:0;vertical-align:middle}.loading{padding:80px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){main#content{padding:45px 55px}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 14px}.workspace{margin-left:195px}header{padding:0 24px}main#content{padding:27px 24px}.grid-two{grid-template-columns:1fr 1fr}.metrics{gap:10px}.metric{padding:16px}.split-inbox{grid-template-columns:230px 1fr}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:16px}.brand{margin:0}.brand small{display:none}.nav-label,.sidebar-note,.logout{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:5px}nav button{white-space:nowrap;padding:10px;font-size:10px}nav button>span{font-size:14px;width:auto}nav b{display:none}.workspace{margin:0}header{height:61px;padding:0 18px}.header-right{gap:9px}.avatar{display:none}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}main#content{padding:23px 17px}.title-row{align-items:flex-start}.title-row h1{font-size:23px}.title-row p{font-size:11px}.title-row .actions button{font-size:10px;padding:9px}.hero{padding:24px;display:block}.hero h2{font-size:24px}.hero button{margin-top:20px}.metrics{grid-template-columns:1fr 1fr;margin:16px 0}.metric strong{font-size:29px}.grid-two{grid-template-columns:1fr;gap:16px}.panel{padding:19px}.table-wrap{margin:0 -19px}.form-grid{grid-template-columns:1fr}.form-grid .form-group{margin-bottom:0}.split-inbox{grid-template-columns:1fr}.inbox-list{max-height:230px;overflow:auto}.mini-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid .panel{padding:13px}.mini-grid strong{font-size:21px}.campaign-card{display:block}.campaign-card>.actions{margin-top:18px}.tools input{width:100%}.tools select{width:auto}.tools .count{margin-left:0}.step-editor .form-grid{grid-template-columns:1fr 1fr}.step-editor .form-grid>div:last-child{grid-column:1/-1}dialog{padding:22px}.login-card{padding:30px}.login-card h1{font-size:30px}footer{padding:18px;font-size:7px;gap:15px}.thread-head{padding:16px}.messages{padding:16px}.bubble{max-width:93%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
