:root{--ink:#17211b;--muted:#718078;--line:#dfe7e0;--paper:#f4f6f1;--panel:#fff;--green:#1f6b45;--mint:#d8f3e3;--amber:#9b6817;--red:#9f3e36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#dbe8df;background:#11251b;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.logo>span,.brand-mark{color:#184c34;background:#e7f6eb;border-radius:11px;place-items:center;width:38px;height:38px;font-family:Georgia;font-size:24px;display:grid}.logo small{color:#789385;letter-spacing:2px;font-size:9px;display:block}.logo+nav{margin-top:48px}nav a{color:#9bb0a5;border-radius:8px;margin:4px 0;padding:10px 12px;text-decoration:none;display:block}nav a:hover,nav a.active{color:#fff;background:#203a2c}.aside-bottom{color:#9bb0a5;margin-top:auto;font-size:12px}.status-dot{background:#67d491;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #214a35}.link-button{color:#9bb0a5;cursor:pointer;background:0 0;border:0;padding:15px 0;text-decoration:underline}.dashboard{width:100%;min-width:0;max-width:1500px;margin:auto;padding:38px 44px 80px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{margin:5px 0;font:500 36px/1.1 Georgia,serif}h2{margin:0;font:500 22px/1.2 Georgia,serif}.eyebrow{letter-spacing:2.2px;color:var(--green);margin:0;font-size:10px;font-weight:800}.muted,.panel-title p{color:var(--muted);margin:6px 0}.upload{align-items:center;gap:10px;display:flex}.upload input{max-width:210px}.primary,.secondary,.inline button{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.primary{background:var(--green);color:#fff}.secondary{border:1px solid var(--line);background:#fff;text-decoration:none}.success,.alert{border-radius:8px;margin:0 0 20px;padding:13px 16px}.success{background:var(--mint);color:#185537}.alert{color:var(--red);background:#f9e3df}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:116px;padding:18px}.metric span{color:var(--muted);font-size:12px;display:block}.metric strong{margin:8px 0;font:500 31px Georgia,serif;display:block}.metric small{color:var(--green)}.metric.accent{color:#fff;background:#163a29;border-color:#163a29}.metric.accent span{color:#b9d1c3}.metric.warning strong{color:var(--amber)}.grid-two{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:22px}.panel-title{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.panel-title p{font-size:12px}.chart{border-bottom:1px solid var(--line);align-items:end;gap:18px;height:180px;padding:12px 20px;display:flex}.bar-wrap{text-align:center;color:var(--muted);flex:1}.bar{background:#4f9870;border-radius:5px 5px 0 0;max-width:28px;margin:auto}.empty{color:var(--muted);margin:auto}.outcomes>div{margin:17px 0}.outcomes span{justify-content:space-between;display:flex}.outcomes>div>div{background:#edf1ed;border-radius:5px;height:6px;margin-top:7px;overflow:hidden}.outcomes i{background:#4f9870;border-radius:5px;height:100%;display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1ed;padding:13px 10px}th{letter-spacing:1px;color:var(--muted);font-size:10px}td small{color:var(--muted);font-size:11px;display:block}.pill{color:#56635c;background:#edf1ed;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.pill.active,.pill.replied,.pill.interested{background:var(--mint);color:#17603b}.pill.bounced,.pill.failed{color:var(--red);background:#fae4e1}.pill.paused_auto_reply,.pill.follow_up_later{color:var(--amber);background:#fff0cd}.inline{gap:5px;display:flex}.inline select{border:1px solid var(--line);border-radius:6px;padding:5px}.inline button{padding:5px 8px}.import-list>div{border-top:1px solid #edf1ed;grid-template-columns:36px 1fr auto 70px;align-items:center;padding:13px 0;display:grid}.file-icon{width:27px;height:27px;color:var(--green);background:#e9f4ec;border-radius:6px;place-items:center;display:grid}.import-list small{color:var(--muted);display:block}.import-stats{color:var(--muted)}.import-stats b{color:var(--green)}.settings-grid,.template-form{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.settings-grid label,.template-form label,.login-card label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.settings-grid input,.template-form input,.template-form textarea,.login-card input{border:1px solid var(--line);color:var(--ink);background:#fbfcfa;border-radius:7px;padding:9px}.check{align-items:center;flex-direction:row!important}.templates{margin-top:24px}.templates details{border-top:1px solid var(--line);padding:12px 0}.templates summary{cursor:pointer;font-weight:700}.templates summary span{color:var(--muted);margin-left:15px;font-weight:400}.template-form{grid-template-columns:1fr 1fr;margin-top:15px}.template-form textarea{min-height:105px}.preview-grid{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-grid>div{background:#f6f8f4;border-radius:8px;padding:14px}.preview-grid b,.preview-grid small{display:block}.preview-grid pre{white-space:pre-wrap;font:12px/1.5 inherit}.ops-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ops-grid>*{background:#f6f8f4;border-radius:8px;padding:15px;font-weight:700;text-decoration:none}.ops-grid span{color:var(--green);margin-top:8px;font-size:12px;display:block}.login-shell{background:#122a1e;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:16px;width:min(420px,100% - 30px);padding:42px}.login-card .brand-mark{margin-bottom:25px}.login-card form{gap:15px;margin-top:25px;display:grid}.login-card .primary{margin-top:5px}@media (max-width:1000px){.app-shell{grid-template-columns:1fr}aside{height:auto;display:none;position:relative}.dashboard{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.settings-grid{grid-template-columns:repeat(2,1fr)}header{align-items:start;gap:20px}.upload{flex-direction:column;align-items:end}}@media (max-width:600px){.metrics,.settings-grid,.template-form,.preview-grid,.ops-grid{grid-template-columns:1fr}.dashboard{padding:18px}header{display:block}.upload{align-items:stretch;margin-top:20px}}
.filters{gap:8px;margin:-5px 0 18px;display:flex}.filters input,.filters select{border:1px solid var(--line);background:#fbfcfa;border-radius:7px;padding:9px}.filters input{min-width:240px}.timeline{border-bottom:1px solid #edf1ed;gap:13px;padding:13px 0;display:flex}.timeline i{background:#4f9870;border-radius:50%;width:9px;height:9px;margin-top:6px}.timeline small{color:var(--muted);display:block}@media (max-width:600px){.filters{display:grid}.filters input{min-width:0}}
.row-actions{align-items:center;gap:6px;display:flex}.stage-tests{gap:5px;display:flex}.test-send{cursor:pointer;white-space:nowrap;color:#1f6b45;background:#edf8f1;border:1px solid #b8d8c4;border-radius:7px;padding:8px 11px;font-weight:700}.test-send:hover{background:#dff1e6}.quick-add{margin-bottom:16px}.quick-add-form{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) minmax(180px,.8fr) auto;align-items:end;gap:12px;display:grid}.quick-add-form label{color:#718078;flex-direction:column;gap:5px;font-size:12px;display:flex}.quick-add-form input,.quick-add-form select{color:#17211b;background:#fbfcfa;border:1px solid #dfe7e0;border-radius:7px;padding:10px}@media (max-width:700px){.quick-add-form{grid-template-columns:1fr}}
