:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;--ink:#0f172a;--muted:#6b7280;--line:#e5eaf1;--blue:#2563eb;--nav:#0b1220;--green:#0e9f6e;--red:#e11d48;--amber:#d97706}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--nav);color:#e8eef8;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;gap:11px;align-items:center;padding:4px 9px 26px}.side-brand>b{background:#2563eb;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;font-size:15px}.side-brand div{display:flex;flex-direction:column}.side-brand strong{font-size:15px}.side-brand span,.side-foot span{font-size:11px;color:#8290a8;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#9aa7bb;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#172238;color:#fff}.nav-icon{width:23px;text-align:center;font-size:18px}.side-foot{margin-top:auto;border-top:1px solid #253047;padding:17px 6px 2px;display:flex;align-items:center;gap:9px}.side-foot>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.side-foot b{font-size:12px}.side-foot button{border:0;background:transparent;color:#8d9ab0;font-size:18px;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#25324b;display:grid;place-items:center}main{margin-left:245px;min-width:0;flex:1}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}header h2{font-size:16px;margin:0 0 3px}header span{font-size:11px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.live-dot{color:var(--green)!important}.content{padding:28px;max-width:1550px;margin:auto}.hamb{display:none;border:0;background:transparent;font-size:22px;margin-right:8px}.hero{border-radius:18px;padding:30px 32px;background:linear-gradient(130deg,#101b31,#142e5c);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px;box-shadow:0 14px 30px #10244814}.hero small{font-size:10px;letter-spacing:1.3px;color:#8eaff4}.hero h1{font-size:28px;max-width:650px;margin:8px 0}.hero p{color:#aebed7;font-size:13px;margin:0}.primary,.ghost,.button{border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #2563eb26}.primary:hover{background:#1d4ed8}.primary:disabled,.ghost:disabled{opacity:.5;cursor:not-allowed}.ghost,.button.ghost{background:#fff;color:#344056;border:1px solid var(--line)}.link{border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 19px;min-height:110px;position:relative;overflow:hidden}.stat div{display:flex;flex-direction:column;gap:7px}.stat span{font-size:11px;color:var(--muted);font-weight:600}.stat b{font-size:25px;color:var(--ink)}.stat small{font-size:10px;color:#9aa3b2}.stat i{position:absolute;right:-15px;bottom:-25px;width:75px;height:75px;border-radius:50%;background:#edf3ff}.stat.hot i{background:#ffe9ef}.stat.warm i{background:#fff2db}.stat.cold i{background:#edf0f4}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-head{height:54px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.card-head h3{font-size:13px;margin:0}.card-head>*:last-child{margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#7b8595;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;background:#fbfcfe}th,td{padding:12px 14px;border-bottom:1px solid #edf0f4;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.clickable{cursor:pointer}.clickable:hover{background:#f8fbff}.person{display:flex;align-items:center;gap:9px}.person>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#3558a9;font-weight:800}.person div{display:flex;flex-direction:column;gap:3px}.person small,.block{display:block;color:#8a94a4;margin-top:3px}.pill{display:inline-flex;border-radius:99px;padding:4px 8px;background:#eef2f7;color:#64748b;font-size:9px;font-weight:800;text-transform:capitalize}.pill.hot,.mini.hot{background:#ffe5eb;color:#be123c}.pill.warm,.mini.warm{background:#fff0d7;color:#b45309}.pill.cold,.mini.cold{background:#edf0f4;color:#566174}.pill.qualified,.pill.completed,.pill.sent,.pill.delivered,.pill.read,.pill.replied{background:#dcfce7;color:#157347}.pill.failed,.pill.not-interested{background:#fee2e2;color:#b91c1c}.pill.queued,.pill.running,.pill.engaged{background:#dbeafe;color:#1d4ed8}.campaign-list{padding:4px 18px}.campaign-row{display:grid;grid-template-columns:1fr 90px 45px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.campaign-row:last-child{border-bottom:0}.campaign-row div:first-child{display:flex;flex-direction:column;gap:4px}.campaign-row span{color:var(--muted);font-size:10px}.meter{height:5px;background:#edf1f6;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:#2563eb}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.toolbar h3{font-size:16px;margin:0 0 4px}.muted{font-size:11px;color:var(--muted);margin:0}.push{margin-left:auto}.search{background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 10px;display:flex;align-items:center;min-width:280px}.search input{border:0;outline:0;width:100%;padding:10px 7px;font-size:11px;background:transparent}select,input,textarea{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:#303a4d;font-size:11px;outline:none}textarea{min-height:90px;resize:vertical}select:focus,input:focus,textarea:focus{border-color:#9ab6f6;box-shadow:0 0 0 3px #eaf1ff}.button{cursor:pointer}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(540px,100%);background:#fff;z-index:50;box-shadow:-18px 0 45px #0d1a311f;padding:0 22px 30px;overflow:auto}.drawer.wide{width:min(780px,100%)}.drawer-head{height:78px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.drawer-head button{border:0;background:#f0f3f7;border-radius:8px;width:32px;height:32px;cursor:pointer}.drawer-head div{display:flex;flex-direction:column}.drawer-head small{font-size:9px;color:var(--muted)}.drawer-head h2{font-size:17px;margin:4px 0 0}.drawer-head>span{margin-left:auto}.scorebox{display:flex;align-items:center;justify-content:space-between;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.scorebox>div{display:flex;flex-direction:column;gap:5px}.scorebox span{font-size:10px;color:var(--muted)}.scorebox b{font-size:24px}.drawer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.drawer-fields>div,.drawer-fields>label{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted)}.drawer-fields b{font-size:11px;color:#273246}.drawer-fields select,.drawer-fields input{padding:6px 5px}.drawer>h3{font-size:12px}.timeline>div{display:flex;gap:12px;padding:10px 2px}.timeline i{width:9px;height:9px;border-radius:50%;background:#2563eb;margin-top:3px}.timeline i.outbound{background:#8895a7}.timeline b{font-size:10px;text-transform:capitalize}.timeline p{font-size:11px;margin:5px 0;color:#3d485b}.timeline small{font-size:9px;color:#9099a8}.overlay{position:fixed;inset:0;background:#11182777;z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(550px,100%);background:#fff;border-radius:15px;box-shadow:0 25px 70px #0003}.modal-head{height:58px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center}.modal-head h3{font-size:14px;margin:0}.modal-head button{margin-left:auto;border:0;background:transparent;font-size:24px;color:#7b8493;cursor:pointer}.form{padding:18px;display:grid;gap:14px}.form label,.filters label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#667084}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.info{background:#eff6ff;color:#41618e;border:1px solid #dbeafe;border-radius:9px;padding:10px;font-size:10px;line-height:1.5}.error{background:#fff0f0;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:9px;font-size:10px}.campaign-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.campaign-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;cursor:pointer;transition:.15s}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #1720330c}.camp-top{display:flex;justify-content:space-between;align-items:center}.channel{background:#e7f9ef;color:#16845b;font-size:9px;font-weight:800;border-radius:6px;padding:5px 7px}.campaign-card h3{font-size:14px;margin:18px 0 6px}.campaign-card p{font-size:10px;color:var(--muted);height:28px}.camp-metrics{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:14px}.camp-metrics div{display:flex;flex-direction:column;gap:3px}.camp-metrics b{font-size:13px}.camp-metrics span{font-size:8px;color:var(--muted)}.stats.compact{margin:18px 0}.stats.compact .stat{min-height:85px;padding:12px}.stats.compact .stat b{font-size:19px}.campaign-actions{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:end}.campaign-actions select{height:95px;flex:1}.campaign-actions>div{display:grid;gap:7px}.filters label{font-size:9px}.mini{border-radius:5px;padding:3px 5px;font-size:9px;font-weight:700}.webhook-help{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fafc}.webhook-help>div{background:white;border:1px solid var(--line);border-radius:9px;padding:11px;display:flex;flex-direction:column;gap:6px;font-size:10px}.webhook-help code{font-size:9px;color:#2563eb;white-space:normal;word-break:break-all}.empty{display:flex;min-height:110px;align-items:center;justify-content:center;flex-direction:column;color:#939dab;gap:5px;font-size:10px}.empty b{color:#5c6676}.toast{position:fixed;right:25px;bottom:25px;background:#0f172a;color:white;border-radius:10px;padding:11px 16px;font-size:11px;z-index:99;box-shadow:0 10px 28px #0003}.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skeleton div{height:120px;border-radius:14px;background:linear-gradient(90deg,#e9edf3,#f8fafc,#e9edf3);background-size:200%;animation:sk 1.3s infinite}@keyframes sk{to{background-position:-200%}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.login-art{background:radial-gradient(circle at 80% 10%,#254c91 0,#112244 35%,#091221 75%);color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:52px;height:52px;display:grid;place-items:center;background:#2864e8;border-radius:14px;font-weight:800}.login-art h1{font-size:44px;margin:22px 0 12px}.login-art>p{color:#9fb0cb;max-width:550px;line-height:1.7;font-size:14px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;max-width:500px;gap:9px;margin-top:30px}.mini-grid span{background:#ffffff0c;border:1px solid #ffffff18;border-radius:9px;padding:11px;font-size:10px;color:#b6c4d9}.login-card{width:min(390px,calc(100% - 40px));margin:auto;display:grid;gap:17px}.login-card small{font-size:9px;letter-spacing:1px;color:#2563eb;font-weight:800}.login-card h2{font-size:25px;margin:7px 0}.login-card p{font-size:11px;color:var(--muted);margin:0}.login-card label{display:grid;gap:7px;font-size:10px;font-weight:700}.login-card input{padding:12px}.login-card .primary{height:42px}.login-card .hint{color:#8b94a2;line-height:1.5;letter-spacing:0;text-align:center}.login-card .hint b{color:#5d6675}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.campaign-cards{grid-template-columns:1fr 1fr}.webhook-help{grid-template-columns:1fr}.login-art{padding:7vw}.login-shell{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}main{margin-left:0}header{padding:0 16px}.hamb{display:block}.content{padding:16px}.hero{padding:22px;align-items:start;flex-direction:column}.hero h1{font-size:22px}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar .search{min-width:100%;order:-1}.push{display:none}.campaign-cards{grid-template-columns:1fr}.campaign-actions{flex-direction:column;align-items:stretch}.campaign-actions select{width:100%}.form2,.drawer-fields{grid-template-columns:1fr}.header-actions .live-dot{display:none}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:30px 0}.webhook-help{grid-template-columns:1fr}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.hero .primary{width:100%}.content{padding:12px}.drawer{padding:0 14px 25px}}