:root{--ink:#17251f;--muted:#738078;--line:#e3e9e5;--paper:#f4f6f4;--white:#fff;--green:#193f32;--lime:#d4f578;--orange:#ff8e61;--danger:#b43636;--shadow:0 18px 50px rgba(23,37,31,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--green);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 44px}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px}.brand small{color:#a8bdb4;font-size:11px;margin-top:2px}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--lime);color:var(--green);display:grid;place-items:center;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:13px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:11px;color:#b9cbc3;font-size:14px;display:flex;justify-content:space-between}.sidebar nav a span{font-size:11px;background:rgba(255,255,255,.1);border-radius:20px;padding:2px 7px}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:20px 8px 0;display:grid;gap:15px;color:#a8bdb4;font-size:12px}.status-row{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;background:#e5a84d;border-radius:50%}.dot.online{background:#79d893}.app{margin-left:250px;padding:36px 42px 60px;max-width:1700px}.app>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#809087;margin:0 0 7px}.app h1{margin:0;font-size:34px;letter-spacing:-1.4px}.header-meta{display:flex;gap:9px}.header-meta span,.pill{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:100px;font-size:11px;color:#5f6c65}.hero{background:var(--green);border-radius:26px;color:#fff;padding:46px;display:flex;justify-content:space-between;align-items:center;min-height:310px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-70px;top:-100px}.hero h2{font-size:44px;line-height:1.02;letter-spacing:-2px;margin:16px 0}.hero p{max-width:570px;color:#bcd0c7;line-height:1.6;font-size:14px}.hero .pill{background:rgba(255,255,255,.08);color:#dceae4;border-color:rgba(255,255,255,.1)}.hero-visual{position:relative;width:260px;height:220px;display:grid;place-items:center;z-index:1}.ring{width:175px;height:175px;border-radius:50%;border:28px solid var(--lime);border-right-color:rgba(255,255,255,.12);display:grid;place-content:center;text-align:center}.ring strong{font-size:34px}.ring span,.mini-stat span{font-size:10px;color:#bcd0c7;text-transform:uppercase;letter-spacing:.1em}.mini-stat{position:absolute;right:0;bottom:10px;background:#fff;color:var(--ink);border-radius:16px;padding:14px 20px;display:grid}.mini-stat b{font-size:22px}.mini-stat span{color:var(--muted)}.button{border:0;border-radius:11px;padding:12px 17px;font-weight:750;font-size:13px;display:inline-flex;justify-content:center;cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.light{background:var(--lime);color:var(--green);margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:16px 0}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 1px 0 rgba(0,0,0,.01)}.stats article{display:grid;gap:6px}.stats span{font-size:11px;color:var(--muted)}.stats strong{font-size:30px;letter-spacing:-1px}.stats strong.compact{font-size:23px}.stats small{font-size:10px;color:#9ba69f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-campaign{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(480px,1.2fr);gap:16px;align-items:start}.panel{margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-head h3{font-size:19px;margin:0;letter-spacing:-.4px}.panel-head>a{font-size:12px;color:#617269}.pill.dark{background:#eef3ef}.empty{text-align:center;padding:35px 18px;color:var(--muted)}.empty.tall{padding:90px 20px}.empty>span{display:inline-grid;place-items:center;width:42px;height:42px;background:#eef3ef;border-radius:13px;color:var(--green);font-weight:800}.empty h4{margin:13px 0 6px;color:var(--ink)}.empty p{max-width:400px;margin:0 auto 18px;font-size:12px;line-height:1.6}.campaign-list{display:grid}.campaign-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.campaign-list>div:first-child{border-top:0}.campaign-list span{display:grid;gap:3px}.campaign-list small{color:var(--muted);font-size:10px}.campaign-list em{margin-left:auto;font-style:normal;font-weight:750;font-size:12px}.campaign-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#eef3ef;color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:900}.process{display:grid;gap:19px}.process>div{display:flex;gap:13px}.process>b{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:11px}.process span{display:grid;gap:3px}.process small{color:var(--muted);font-size:11px;line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label,legend{font-size:11px;font-weight:700;color:#56645d}label span{font-weight:400;color:#9ba69f}input,select{width:100%;margin-top:6px;border:1px solid #dce4df;border-radius:10px;background:#fafcfb;padding:11px 12px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:#8da59a;box-shadow:0 0 0 3px rgba(25,63,50,.07)}fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:16px}.check{display:flex;align-items:center;gap:6px}.check input{width:auto;margin:0}.cards{display:grid;gap:12px}.campaign-card{border:1px solid var(--line);border-radius:15px;padding:16px}.campaign-card>div:first-child{display:flex;align-items:center;gap:12px}.campaign-card>div:first-child span{display:grid;gap:3px;min-width:0}.campaign-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f6f8f6;border-radius:11px;padding:11px;margin:14px 0}.campaign-card dl div{display:grid;gap:2px}.campaign-card dt{font-size:9px;text-transform:uppercase;color:#94a198}.campaign-card dd{font-size:11px;font-weight:700;margin:0}.card-actions{display:flex;align-items:center;gap:14px;font-size:11px}.card-actions form{margin-left:auto}.text-button{border:0;background:none;color:#7a867f;cursor:pointer}.status{display:inline-flex;padding:5px 9px;border-radius:50px;background:#edf7ef;color:#35704a;font-size:10px;font-weight:800}.status.paused,.status.queued{background:#fff5e6;color:#9b6824}.status.failed{background:#feecec;color:#a73a3a}.schedule-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.bars{height:190px;display:flex;align-items:end;gap:5px;border-bottom:1px solid var(--line);padding:18px 4px 0;margin-bottom:24px}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.bars i{width:72%;background:var(--green);border-radius:4px 4px 0 0;min-height:8px}.bars span{font-size:8px;color:#9aa69f}.bars b{font-size:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#8d9992;font-size:8px;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #edf1ee}td a{display:block;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#426759}.table-note{font-size:10px;color:var(--muted)}.timeline{display:grid}.timeline>div{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline i{width:9px;height:9px;border:2px solid var(--green);border-radius:50%;margin-top:3px}.timeline span{display:grid;gap:4px}.timeline small{color:var(--muted)}.connection{text-align:center;padding:20px 16px}.connection .plug{width:58px;height:58px;border-radius:18px;background:var(--lime);display:grid;place-items:center;margin:auto;font-size:24px}.connection h4{font-size:19px;margin:16px 0 7px}.connection p{color:var(--muted);font-size:12px;line-height:1.6}.connection ul{text-align:left;color:#536159;font-size:11px;line-height:1.9;max-width:340px;margin:18px auto}.code-block{background:#16251f;color:#d7e5df;border-radius:12px;padding:14px;text-align:left;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.notice{background:#fff6e8;color:#815921;border-radius:10px;padding:11px;font-size:10px;margin-top:15px}.alert{padding:13px 15px;border-radius:11px;margin-bottom:16px;font-size:12px;transition:.3s}.alert.success{background:#e9f7ec;color:#2e6842}.alert.danger{background:#fdeceb;color:#9c3838}.alert.fade{opacity:.45}.login-page{background:var(--green);display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:38px;box-shadow:var(--shadow)}.login-card h1{font-size:34px;margin:10px 0 8px;letter-spacing:-1.5px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.stack{display:grid;gap:15px;margin-top:25px}.login-card .button{margin-top:5px}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid-campaign,.grid-2{grid-template-columns:1fr}.hero-visual{display:none}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:18px}.brand{margin:0 0 16px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar-foot{display:none}.app{margin:0;padding:24px 16px}.app>header{align-items:start}.header-meta{display:none}.hero{padding:28px}.hero h2{font-size:34px}.stats{grid-template-columns:1fr 1fr}.schedule-form{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.bars{gap:2px}.bars span{display:none}}
