:root{--ink:#15233d;--mute:#77859c;--blue:#1768e9;--blueSoft:#eaf2ff;--line:#e4eaf3;--bg:#f5f7fb;--white:#fff;--green:#00875b;--red:#c9384d}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}input,button,select,textarea{font:inherit}button{cursor:pointer}input:not([type=checkbox]):not([type=file]),select,textarea{padding:11px 13px;min-height:42px;width:100%;border:1px solid #d6deeb;background:#fff;color:var(--ink);border-radius:10px;outline:none}textarea{min-height:115px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #1768e916}input[type=file]{max-width:100%;border:1px dashed #b8c6dd;padding:13px;border-radius:9px}label{display:block;font-weight:600;margin:17px 0 8px}.check{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.check input{accent-color:var(--blue);width:16px;height:16px}.app-layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 15px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 24px}.brand strong{display:block;font-size:19px;letter-spacing:-.6px}.brand small{font-size:11px;color:var(--mute);display:block;margin-top:4px}.brand-mark{background:linear-gradient(145deg,#287dff,#0950c5);display:grid;place-items:center;color:white;font-size:20px;font-weight:800;width:41px;height:41px;border-radius:13px;box-shadow:0 6px 15px #287dff33}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:11px;color:#50637f;font-weight:600}.sidebar nav a span{font-size:20px;width:22px;text-align:center}.sidebar nav a:hover{background:#f5f8ff}.sidebar nav a.selected{background:#e9f1ff;color:#0f5bd2}.side-foot{margin-top:auto;padding:17px 12px;color:var(--mute);font-size:12px;border-top:1px solid var(--line)}.dot{display:inline-block;width:8px;height:8px;background:#27b982;border-radius:50%;margin-right:5px}.signout{background:none;border:0;color:#bb3b4a;font-weight:600;cursor:pointer;margin-top:16px;padding:0}.main{min-width:0;padding:0 4vw 28px;max-width:1600px;width:100%;margin:0 auto}.topline{height:64px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mute);border-bottom:1px solid #e8edf4}.pagehead{margin:29px 0 23px}.pagehead h1{font-size:29px;letter-spacing:-.8px;margin:0;font-weight:750}.pagehead p{margin:9px 0 0;color:var(--mute)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:21px}.metric{background:white;border:1px solid var(--line);padding:23px;border-radius:15px;box-shadow:0 4px 14px #0a3c7a07}.metric small{color:var(--mute);display:block;margin-bottom:11px}.metric strong{color:#155ddd;font-size:34px;line-height:1.15;letter-spacing:-1px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:20px 0}.grid-template{display:grid;grid-template-columns:280px minmax(0,1fr);gap:19px}.panel{min-width:0;border:1px solid var(--line);border-radius:17px;background:white;padding:24px;box-shadow:0 6px 21px #17386606;margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 12px;letter-spacing:-.15px}.panel p{line-height:1.6}.muted{color:var(--mute)}.small{font-size:12px}.tiny{font-size:11px;color:var(--mute);line-height:1.7}.block{display:block}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-title h2{margin:0}.quicklinks{display:flex;flex-direction:column;gap:5px;margin-top:18px}.quicklinks a{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--line);color:#23476f;font-weight:600}.quicklinks a:hover{background:#f9fbff}.btn{border:1px solid transparent;padding:11px 17px;border-radius:10px;background:#ecf2fc;color:#1553bb;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--blue);color:white;box-shadow:0 3px 9px #1768e918}.btn.outline{background:white;color:#38608f;border-color:#d5deec}.btn.small{font-size:12px;padding:8px 12px;min-height:34px}.btn.wide{width:100%;margin-top:23px}.notice{padding:14px 15px;border-radius:10px;line-height:1.65;margin-bottom:15px}.notice.warn{background:#fff8ea;color:#965700;border:1px solid #fae2b4}.notice.bad{background:#ffeff0;color:#a02a35;border:1px solid #f9cbd0}.notice.good{background:#ebfff7;color:#06704d;border:1px solid #baf1de;margin-top:22px}.hint{font-size:12px!important;color:#7989a0;line-height:1.65;margin-top:8px}.empty{color:#8896a9;padding:23px;text-align:center}.account-item{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;margin:12px 0}.circle{background:#e8f2ff;color:#1a5fce;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;font-weight:700}.grow{flex:1;min-width:0}.account-item .small{margin-top:5px}.badge{display:inline-block;border-radius:6px;padding:5px 8px;background:#eef2f8;color:#52627a;font-size:11px;font-weight:700;white-space:nowrap}.badge-active,.badge-accepted,.badge-completed{color:#017452;background:#e0f8ed}.badge-failed,.badge-cancelled,.badge-blocked{color:#a9273b;background:#ffeaee}.badge-paused,.badge-sending,.badge-queued,.badge-draft{color:#835920;background:#fff4df}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{text-align:left;font-size:12px;font-weight:600;background:#f7f9fd;color:#718098;padding:14px;border-bottom:1px solid var(--line)}td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.mono{font-family:ui-monospace,'Cascadia Code',monospace}.inline{display:inline}.textbtn{background:none;border:0;color:#1768e9;padding:0;font-size:12px;font-weight:650}.textbtn.danger{color:var(--red)}.template-list{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:1px solid var(--line);border-radius:11px;margin:9px 0;color:#354665}.template-list b{font-size:13px}.template-list small{color:var(--mute);white-space:nowrap}.template-list.picked{border-color:#8cb7fe;background:#f0f6ff;color:#135ace}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:13px;gap:7px;flex-wrap:wrap}.step{position:relative;border:1px solid #dae3f0;border-radius:13px;background:#fbfcff;padding:17px;margin:13px 0}.stephead{display:flex;align-items:center;justify-content:space-between;gap:10px}.stephead strong{font-size:13px;color:#1e4f92}.steptools{display:flex;gap:5px}.mini{border:1px solid #d9e2ef;background:white;border-radius:7px;color:#566783;padding:5px 9px;font-size:13px}.step label{font-size:12px}.waitline{max-width:200px}.step img{max-height:140px;max-width:210px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.contact-picker{border:1px solid #dbe3ee;border-radius:11px;overflow:hidden}.pick-tools{padding:12px;border-bottom:1px solid var(--line)}.pick-tools label{margin:0 0 11px}.pick-tools input[type=search]{min-height:35px}.pick-entry{display:flex;align-items:center;gap:9px;padding:10px 13px;margin:0;border-bottom:1px solid #eef1f5;font-weight:450;cursor:pointer}.pick-entry:hover{background:#f5f9ff}.pick-entry input{accent-color:var(--blue)}.pick-entry em{font-style:normal;color:#8492a8;font-size:11px}.pick-entry[hidden]{display:none}#contactOptions{max-height:260px;overflow:auto}.campaign-row{border-bottom:1px solid var(--line);padding:16px 0}.campaign-row:last-child{border:0}.campaign-row p{margin:7px 0}.signin-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top left,#d7e8ff,#f5f8fe 60%)}.signin{width:100%;max-width:425px;background:white;padding:37px;border-radius:20px;box-shadow:0 18px 55px #1647801b}.signin h1{font-size:30px;margin:18px 0 7px}.signin p{color:#718098;line-height:1.6}.signin label{margin-top:20px}footer{font-size:11px;color:#9ba9bd;margin-top:35px;padding-bottom:10px}code{background:#f1f5fc;border-radius:4px;padding:2px 4px;color:#1b59ad}@media(max-width:970px){.sidebar{width:75px;padding:20px 7px}.app-layout{grid-template-columns:75px 1fr}.sidebar .brand span:last-child,.sidebar nav a:not(.selected),.sidebar nav a.selected{font-size:0}.sidebar .brand{padding:0 9px 30px}.sidebar nav a{justify-content:center;padding:12px}.sidebar nav a span{font-size:22px}.side-foot{font-size:0}.side-foot .signout{font-size:10px}.main{padding:0 24px 20px}.grid-template{grid-template-columns:220px 1fr}}@media(max-width:700px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;width:100%;padding:12px;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0 0 8px}.sidebar .brand span:last-child{display:block}.sidebar nav{flex-direction:row;overflow-x:auto;gap:0}.sidebar nav a,.sidebar nav a.selected{font-size:12px;flex-shrink:0;white-space:nowrap;gap:5px;padding:11px}.sidebar nav a span{font-size:15px}.side-foot{display:none}.main{padding:0 14px 15px}.topline{height:47px}.pagehead h1{font-size:24px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:16px}.metric strong{font-size:26px}.grid2,.grid-template{grid-template-columns:1fr}.panel{padding:18px}.toolbar{align-items:flex-start}}