@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f7fa;--ink:#182b38;--muted:#7e8b98;--line:#e9eef2;--teal:#087f74;--mint:#e5f5ed;--sidebar:#102c32}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;font-size:14px;background:var(--bg);color:var(--ink)}a{color:var(--teal);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:32px;letter-spacing:-1.1px;font-weight:750;line-height:1.3;margin:9px 0 8px}h2{font-size:16px;margin:0;font-weight:750}h3{font-size:18px}p{line-height:1.65}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:35px 22px 20px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.8px}.brand-mark{width:39px;height:42px;background:#baf0d0;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#103c36;font-size:32px;font-weight:800;position:relative}.brand-mark span{font-size:19px;margin-top:-12px}.brand-light{font-weight:400;color:#bdcecd}.brand small{font:8px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#8da7a8;margin-top:7px}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #355056;border-radius:9px;padding:12px;margin:38px 0 32px;font-size:12px}.workspace small{color:#8da8aa;font-size:10px}.avatar{background:#28474c;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#bfd9d5;font-size:11px;font-weight:700;flex-shrink:0}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#a0d9b2;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.7px;color:#77979a;margin:0 12px 13px}nav a{display:flex;align-items:center;gap:12px;color:#adc1c3;border-radius:7px;padding:13px 12px;margin-bottom:7px;font-size:12px;font-weight:500}nav a span{font-size:19px;line-height:1;width:20px}nav a.selected{background:#254a4d;color:#c8f3d7}nav a:hover{background:#254a4d}.sidebar-bottom{margin-top:auto;padding:40px 8px 0}.mode{font-size:11px;color:#cde6dc;display:flex;align-items:center;gap:8px}.sidebar-bottom p{font-size:10px;color:#79979a;margin-bottom:27px}.user{border-top:1px solid #345054;padding-top:22px;display:flex;align-items:center;gap:9px;font-size:11px}.user small{color:#76969a;font-size:10px}.user form{margin-left:auto}.icon-button{background:transparent;border:0;color:#92b5b5;font-size:22px}.main{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;color:#9aa5ad}.crumb{color:#4f606d;margin-left:10px}.topbar-right{display:flex;align-items:center;gap:8px;color:#71838d}.separator{color:#d7dfe4;margin:0 8px}main{padding:34px 40px 20px;flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--teal);font-weight:750}.heading-dot{color:var(--teal)}.muted{color:var(--muted)}.page-heading p{font-size:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:650;white-space:nowrap;line-height:1.3}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 5px #087f7414}.primary:hover{background:#076a61}.secondary{background:#fff;color:#41535f;border-color:#dae3e7}.small{padding:8px 11px;font-size:11px}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:22px 24px}.metric-label{font-size:9px;letter-spacing:1.2px;color:#7d8d98;display:flex;align-items:center;justify-content:space-between;font-weight:650}.metric-icon{color:var(--teal);background:#edf7f3;border-radius:7px;width:28px;height:28px;display:grid;place-items:center;font-size:19px}.metric-value{font-size:36px;font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-1.5px;margin:9px 0 15px}.metric-value small{display:inline;font:11px 'DM Sans',sans-serif;letter-spacing:0;margin-left:10px}.metric-note{font-size:10px;color:#8a98a1;display:flex;align-items:center;gap:7px;margin-top:9px}.dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#33a687}.dot.amber{background:#d59938}.meter{height:4px;border-radius:6px;background:#edf1f4;overflow:hidden;min-width:100px}.meter i{display:block;height:100%;background:#1a9c86;border-radius:6px}.engine-strip{display:flex;align-items:center;gap:9px;border:1px solid #dcece5;background:#eef7f2;border-radius:7px;padding:13px 16px;font-size:10px;margin-bottom:26px;color:#6a8479}.engine-strip strong{color:#38715d;font-weight:600}.engine-strip .text-button{margin-left:auto}.text-button{background:none;border:0;color:var(--teal);font-size:11px;padding:0}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.count{display:inline-block;background:#f0f3f6;border-radius:5px;font:10px 'DM Sans',sans-serif;color:#788894;padding:3px 7px;margin-left:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f9fafc;font-size:9px;font-weight:550;color:#8a97a1;padding:13px 22px;border-block:1px solid #edf1f4;text-transform:uppercase;letter-spacing:.7px}td{border-bottom:1px solid #edf1f4;padding:20px 22px;font-size:11px}tbody tr:last-child td{border-bottom:0}.row-title{color:var(--ink);font-weight:650;font-size:12px}.row-title:hover{color:var(--teal)}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:20px;margin-bottom:8px}.progress-label span{color:var(--muted);font-size:9px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;font-size:10px;white-space:nowrap}.pill.green{background:#e6f5ed;color:#278960}.pill.yellow{background:#fff3db;color:#b28327}.pill.neutral{background:#f0f3f6;color:#73838e}.controls{display:flex;gap:5px;align-items:center}.controls form{margin:0}.control{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e4eaee;background:#fff;border-radius:5px;font-size:10px;color:#788e96}.control:hover{background:#f1f7f6}.control.play{color:#278f74}.control.stop{color:#b07677}.bottom-note{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#8a98a2;line-height:1.8;margin:22px 0}.bottom-note>span{color:#76a499}.pagination:empty{display:none}.pagination{padding:10px 20px;font-size:11px}.pagination nav{display:flex;justify-content:space-between;align-items:center}.pagination svg{width:16px}.pagination nav a{display:inline;color:var(--teal);padding:6px;margin:0}.pagination nav span{font-size:11px}.pagination .hidden{display:none}footer{padding:20px 40px;font-size:9px;color:#9ba8b1;border-top:1px solid var(--line)}footer>span{margin:0 7px}.footer-right{float:right}.empty-state{text-align:center;padding:40px 20px;white-space:normal}.empty-state p{font-size:12px;color:var(--muted);max-width:400px;margin:0 auto 22px}.empty-icon{font-size:29px;color:var(--teal);background:#eff8f3;border:1px solid #dfefe5;width:55px;height:55px;display:grid;place-items:center;border-radius:13px;margin:auto auto 18px}.empty-state h3{margin:12px 0}.alert{padding:15px 18px;border-radius:8px;margin-bottom:22px;line-height:1.65;font-size:12px}.alert.success{background:#e4f4eb;color:#206c50}.alert.error{background:#fff1ee;color:#a35345}.alert ul{margin:8px 0 0;padding-left:18px}label{display:block;font-size:11px;color:#4c616e;font-weight:550;margin-bottom:17px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dce4e9;border-radius:6px;padding:11px 12px;margin-top:8px;background:white;color:var(--ink);font-size:12px;min-height:40px}input:focus,select:focus,textarea:focus{outline:2px solid #94c7ba;outline-offset:1px}input::placeholder,textarea::placeholder{color:#a4afb6}input[type=file]{padding:9px}.padded{padding:24px}.import-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:28px}.import-panel p{font-size:12px;color:var(--muted);max-width:280px}.import-panel .empty-icon{margin:0 0 16px}.small-link{font-size:11px;display:block;line-height:1.8}.danger{color:#b46154}.danger-button{background:#fff1ee;border-color:#f0d4ce;color:#b46154}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.list-item{display:flex;align-items:center;gap:15px;padding:20px 24px;border-top:1px solid var(--line);font-size:12px}.list-icon{background:#eff5f4;color:var(--teal);padding:10px;border-radius:9px}.mapping-grid{padding:12px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px 28px}.mapping-row{border-bottom:1px solid var(--line)}.micro{font-size:10px;color:var(--muted);line-height:1.65}.form-footer{display:flex;justify-content:space-between;gap:12px;padding:22px 24px;background:#fafbfc}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.span-2{grid-column:span 2}.step{display:inline-grid;place-items:center;width:24px;height:24px;background:#edf7f3;color:#328875;border-radius:6px;font:10px 'DM Sans',sans-serif;margin-right:9px}.field-hint{display:block;margin-top:8px;color:var(--muted);font-size:10px;font-weight:400}.info-box{padding:16px;color:#7c9095;font-size:10px;background:#f6f9f8;border-radius:7px;line-height:1.8;align-self:start}.days{display:flex;gap:8px;margin:10px 0}.days label{margin:0}.days input{position:absolute;opacity:0;width:1px}.days span{display:block;border:1px solid var(--line);border-radius:6px;padding:9px 12px;cursor:pointer}.days input:checked+span{background:#e8f5ee;border-color:#a3cfbd;color:var(--teal)}.days input:focus+span{outline:2px solid var(--teal)}.checkbox-group{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.checkbox-group label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.checkbox-group input{accent-color:var(--teal)}.form-summary{position:sticky;top:25px;align-self:start;background:#eaf2ee;border:1px solid #dae8e0;border-radius:10px;padding:25px}.form-summary h2{font-size:22px;line-height:1.5;margin:15px 0}.form-summary p{font-size:11px;color:#779085}.summary-line{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid #d9e6df;padding:14px 0}.summary-line span{color:#71877b}.form-summary .button{margin-top:23px}.campaign-summary{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:15px;font-size:12px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}summary{cursor:pointer;font-size:12px;font-weight:650}.export-actions{display:flex;align-items:center;gap:8px}.close-form{text-align:right;margin-top:25px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#214e50,#102c32 70%)}.login-card{background:#fff;padding:40px;border-radius:16px;width:420px;max-width:95vw;flex:0}.login-card .brand{color:var(--ink);margin-bottom:40px}.login-card h1{margin-top:12px}.login-card .muted{font-size:12px;margin-bottom:28px}.login-card .micro{text-align:center;margin-top:22px}@media(min-width:1600px){main{max-width:1550px;width:100%;margin:auto}}@media(max-width:1100px){.sidebar{width:210px;padding:28px 15px}.main{margin-left:210px}main{padding:28px 24px}.topbar{padding:0 24px}.page-heading{align-items:flex-start}h1{font-size:26px}.form-layout{grid-template-columns:1fr}.form-summary{position:static}.metrics{gap:12px}.metric{padding:16px}.engine-strip{flex-wrap:wrap}.mapping-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px}.sidebar .workspace,.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:15px}.sidebar nav a{white-space:nowrap;padding:9px;font-size:10px}.brand{font-size:22px}.main{margin-left:0}.topbar{height:50px;padding:0 18px}.topbar-right{font-size:9px}.metrics{grid-template-columns:1fr}.metric{padding:18px}.metric-value{font-size:30px}.page-heading{flex-direction:column;gap:16px}main{padding:25px 18px}.panel-heading{padding:18px;flex-wrap:wrap}.two-columns,.import-panel,.mapping-grid,.form-grid{grid-template-columns:1fr}.import-panel{gap:15px}.span-2{grid-column:auto}.campaign-summary{flex-wrap:wrap}.campaign-summary>div{width:44%}.days{gap:4px}.days span{padding:8px}.export-actions{flex-wrap:wrap}.details-grid{grid-template-columns:1fr}footer{padding:20px 18px}.footer-right{float:none;display:block;margin:8px 0}.login-card{padding:30px}}