*{box-sizing:border-box}:root{--bg:#f5f5f6;--card:#fff;--ink:#1c1d22;--muted:#8a8f98;--line:#ececee;--line2:#e3e3e6;--primary:#1c1d22;--accent:#4f46e5;--ok:#15703a;--warn:#a35b12;--bad:#c0392b;--shadow:0 1px 2px rgba(20,20,30,.04),0 4px 16px rgba(20,20,30,.06)}body,html{height:100%}:where(a,button,input,select,textarea,.namebtn,.tab,.toolchip):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}body{margin:0;display:flex;min-height:100vh;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.snav{width:236px;flex-shrink:0;background:#fbfbfc;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;gap:3px;overflow-y:auto}.snav-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 12px;text-decoration:none;color:inherit}.snav-brand b{font-size:15px;font-weight:650}.snav-brand .chev{margin-left:auto;color:var(--muted);font-size:12px}.brand-logo{width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.snav-search{display:flex;align-items:center;gap:8px;margin:2px 4px 10px;padding:7px 10px;border:1px solid var(--line2);border-radius:9px;background:#fff;color:var(--muted);font-size:13px}.snav-search input{border:0;padding:0;background:transparent;font-size:13px;flex:1 1;min-width:0;color:var(--ink)}.snav-search input:focus-visible{outline:none}.snav-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.snav-group{margin:12px 8px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.snav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:#3f4149;text-decoration:none;font-size:13.5px;font-weight:500}.snav-item .ico{width:18px;text-align:center;opacity:.75;font-size:14px}.snav-item:hover{background:#f0f0f2}.snav-item.active{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow);border:1px solid var(--line)}.snav-spacer{flex:1 1}.snav-user{gap:6px;padding:8px;border-top:1px solid var(--line);margin-top:6px}.snav-user,.snav-userlink{display:flex;align-items:center}.snav-userlink{gap:10px;text-decoration:none;color:inherit;flex:1 1;min-width:0}.snav-user .who{line-height:1.25;min-width:0}.snav-user .who b{font-size:13px;font-weight:600}.snav-user .who b,.snav-user .who span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snav-user .who span{font-size:11px;color:var(--muted)}.snav-signout{flex-shrink:0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:15px;padding:5px 7px;border-radius:6px}.snav-signout:hover{background:#f0f0f2;color:var(--bad)}.loginwrap{flex:1 1;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.logincard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:36px 40px;max-width:380px;text-align:center}.logincard h1{font-size:20px;margin:0 0 8px}.kbd{border:1px solid var(--line2);border-radius:5px;padding:0 6px;color:var(--muted);background:#fafafa}.count,.kbd{font-size:11px}.count{min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:#eceef1;color:#5c636e;font-weight:600;display:grid;place-items:center}.count.alert{background:#fdeaea;color:var(--bad)}.newpill{font-size:10px;font-weight:700;letter-spacing:.04em;color:#7c3aed;background:#f1ebfe;padding:1px 6px;border-radius:6px}main{flex:1 1;min-width:0;padding:22px 30px 40px}h1{font-size:20px;margin:0 0 18px}h2{font-size:15px;margin:26px 0 10px}.topbar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:8px 4px;margin-right:20px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.topbar-add{color:var(--muted);font-size:18px;text-decoration:none;padding:0 6px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.kpibar{display:flex;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:4px 0;margin-bottom:22px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.kpibar::-webkit-scrollbar{display:none}.kpi{flex:1 0;min-width:150px;padding:16px 18px}.kpi+.kpi{border-left:1px solid var(--line)}.kpi-lbl{display:flex;align-items:center;gap:5px;color:#6b7280;font-size:13px;margin-bottom:8px}.kpi-lbl .arrow{color:#b0b4bb;font-size:12px}.kpi-val{font-size:30px;font-weight:680;letter-spacing:-.01em;line-height:1;display:flex;align-items:baseline;gap:8px}.kpi-val small{font-size:12.5px;font-weight:600;color:var(--muted)}.kpi-chart{margin-top:14px;height:30px}.spark{width:100%;height:30px;display:block}.tickgauge-wrap{position:relative;width:100%;height:30px}.tickgauge{width:100%;height:30px;display:block}.gaugemark{position:absolute;top:0;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--primary)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toolchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line2);border-radius:9px;background:#fff;color:#3f4149;font-size:13px;text-decoration:none;cursor:pointer}.toolchip:hover{border-color:#cfd0d4}.toolsearch{display:flex;align-items:center;gap:8px;flex:1 1;max-width:340px}.toolsearch input{border:1px solid var(--line2);border-radius:9px;padding:7px 12px;width:100%;background:#fff}.toolbar .right{margin-left:auto}.ctable-wrap{position:relative;overflow-x:auto}.ctable{width:100%;border-collapse:collapse}.ctable thead th{text-align:left;padding:8px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:transparent}.ctable tbody td,.ctable thead th{border-bottom:1px solid var(--line)}.ctable tbody td{padding:11px 14px;vertical-align:middle}.ctable tbody tr:hover td{background:#fafafb}.ctable tbody tr.sel td{background:#f5f6ff}.ctable .c-check{width:34px}.ctable .c-name{display:flex;align-items:center;gap:11px}.ctable .c-name b{font-weight:550}.ctable td.muted{color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650;color:#fff;flex-shrink:0}.namebtn{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:inherit;text-align:left;text-decoration:none}.namebtn:hover{color:var(--accent);text-decoration:underline}input[type=checkbox].cbx{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.green{background:#e7f5ec;color:var(--ok)}.pill.blue{background:#e9edfb;color:#3f5bd9}.pill.amber{background:#fbf0df;color:var(--warn)}.pill.red{background:#fdeaea;color:var(--bad)}.pill.gray{background:#f0f0f2;color:#606875}.peek{position:fixed;z-index:50;width:300px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:0 10px 40px rgba(20,20,30,.16);padding:14px 16px}.peek-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.peek-head b{font-size:14px}.peek-row{gap:10px;padding:6px 0;font-size:13px}.peek-row,.peek-row .k{display:flex;align-items:center}.peek-row .k{gap:7px;color:var(--muted);width:96px;flex-shrink:0}.peek-row .v{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peek-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.peek-actions a{font-size:12px;padding:6px 10px;border:1px solid var(--line2);border-radius:8px;text-decoration:none;color:#3f4149}.peek-actions a:hover{border-color:var(--accent);color:var(--accent)}.peek-actions a.primary{border-color:var(--primary)}.bulkbar,.peek-actions a.primary{background:var(--primary);color:#fff}.bulkbar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(20,20,30,.28)}.bulkbar b{font-weight:600}.bulkbar button{background:#fff;color:var(--primary);border:0}.bulkbar .ghost{background:transparent;color:#cbd0d6;border:0}.emptyrow{padding:40px;text-align:center;color:var(--muted)}.viewall{display:inline-block;margin-top:14px;font-size:13px;color:var(--accent);text-decoration:none}.cards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:150px;box-shadow:var(--shadow)}.card .num{font-size:26px;font-weight:680}.card .num small{font-weight:600}.card .lbl,.card .num small{font-size:12px;color:var(--muted)}.card .lbl{text-transform:uppercase;letter-spacing:.04em}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}td,th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#fafafb;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600}.badge.pending{background:#fbf0df;color:var(--warn)}.badge.sent{background:#e9edfb;color:#3f5bd9}.badge.delivered,.badge.opened{background:#e7f5ec;color:var(--ok)}.badge.bounced{background:#fdeaea;color:var(--bad)}.badge.suppressed{background:#f0f0f2;color:#6b7280}.badge.live{background:#e9edfb;color:#3f5bd9}.badge.lapsed{background:#f0f0f2;color:#6b7280}.badge.email{background:#e6f4fb;color:#0369a1}.badge.post{background:#f6eafc;color:#86198f}.badge.noroute{background:#fdeaea;color:var(--bad)}.btn,button{font:inherit;border:1px solid var(--line2);background:#fff;color:var(--ink);padding:6px 12px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button:hover{border-color:#cfd0d4}.btn.primary,button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover,button.primary:hover{background:#000;color:#fff}button.danger{color:var(--bad)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:#fff;width:100%;color:var(--ink)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px;font-weight:600}.filters{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.filters input,.filters select{width:auto}.row-actions{display:flex;gap:6px}.threepane{display:flex;gap:16px;height:calc(100vh - 62px);align-items:stretch}.custlist{width:320px;flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.listrows{flex:1 1;overflow-y:auto}.listrow{display:block;padding:9px 12px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.listrow:hover{background:#fafafb}.listrow.selected{background:#f5f6ff;border-left:3px solid var(--accent);padding-left:9px}.listrow-top{align-items:center;gap:8px}.listmeta,.listrow-top{display:flex;justify-content:space-between}.listmeta{padding:8px 12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.letterpane{flex:1 1;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.letterpane iframe{width:100%;height:100%;border:0}.letterpane.split{display:flex;flex-direction:column;gap:12px;background:transparent;border:0;box-shadow:none;overflow:visible}.lp-half{flex:1 1;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.lp-label{flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:600;color:var(--muted);background:#fafafb;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}.letterpane.split .lp-half iframe{flex:1 1;width:100%;height:auto;min-height:0;border:0}.sidepanel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.pipeline{font-size:12px;font-weight:600}.pipeline,.pipeline .stage{display:flex;align-items:center}.pipeline .stage{gap:5px;color:var(--muted)}.pipeline .stage.done{color:var(--accent)}.pipeline .stage.fail{color:var(--bad)}.pipeline .dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;background:var(--line2);color:#6b7280}.pipeline .stage.done .dot{background:var(--accent);color:#fff}.pipeline .stage.fail .dot{background:var(--bad);color:#fff}.pipeline .conn{flex:1 1;min-width:14px;height:2px;background:var(--line2);margin:0 5px}.pipeline .conn.on{background:var(--accent)}.panelbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.panelbox h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.typerow{display:flex;align-items:center;gap:8px;padding:5px 0}.typerow input{width:auto}.kv{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.kv .k{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px}.note{font-size:12px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 16px;gap:10px 16px;max-width:720px}.settings-grid .full{grid-column:1/-1}form.inline{display:inline}.msg-ok{color:var(--ok);font-weight:600}.msg-err{color:var(--bad);font-weight:600}.commentrow{border-left:3px solid var(--line2);padding:4px 0 4px 10px}.commentrow.call{border-left-color:var(--accent)}.tier{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;padding:1px 5px;border-radius:4px;margin-right:6px;vertical-align:1px}.tier.P3{background:#fdeaea;color:#b42318}.tier.P2{background:#fef3d9;color:#93600a}.tier.P1{background:#eef0f3;color:#5b5f6b}.batchtabs-row{margin-bottom:20px}.batchtabs,.batchtabs-row{display:flex;align-items:center;gap:4px}.batchtabs{border-bottom:1px solid var(--line);overflow-x:auto;flex:0 1 auto;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.batchtabs::-webkit-scrollbar{display:none}.batchtab{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;white-space:nowrap;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:8px 8px 0 0}.batchtab:hover{background:#f5f5f6;color:var(--ink)}.batchtab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--primary)}.batchtab .tabcount{font-size:11px;font-weight:600;color:#6b7280;background:#eceef1;border-radius:6px;padding:0 6px}.batchtab.add{color:var(--accent);font-size:18px;font-weight:500;padding:6px 12px;border:0;background:none;cursor:pointer}.batchtab.add:hover{background:#eef0fe}.addbatch{position:relative}.addbatch-pop{position:absolute;top:40px;left:0;z-index:20;width:260px;background:#fff;border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 40px rgba(20,20,30,.16);padding:14px}.addbatch-pop h4{margin:0 0 10px;font-size:13px}.addbatch-pop label{margin-top:8px}.batchbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line2);margin:10px 0 6px}.batchbar .seg.delivered,.sw.delivered{background:#1a7f43}.batchbar .seg.sent,.sw.sent{background:#3f5bd9}.batchbar .seg.bounced,.sw.bounced{background:#c0392b}.batchbar .seg.suppressed,.sw.suppressed{background:#9ca3af}.batchbar .seg.pending,.sw.pending{background:#e3e3e6}.legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.legend .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:baseline}.convo{display:flex;gap:16px;height:calc(100vh - 62px);align-items:stretch}.convo-list{width:320px;flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.convo-list-head{padding:12px 14px;font-weight:600}.convo-list-head,.convo-row{border-bottom:1px solid var(--line)}.convo-row{display:flex;gap:11px;align-items:center;padding:11px 14px;text-decoration:none;color:inherit}.convo-row:hover{background:#fafafb}.convo-row.selected{background:#f5f6ff;border-left:3px solid var(--accent);padding-left:11px}.convo-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.convo-main{flex:1 1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.convo-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}.bubbles{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fafafb}.bubble{max-width:74%;padding:9px 13px;border-radius:14px;font-size:14px}.bubble .bubble-meta{font-size:11px;color:var(--muted);margin-top:4px}.bubble.in{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble.out .bubble-meta{color:#b8bcc4}.bubble-body{white-space:pre-wrap}.composer{border-top:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.composer textarea{resize:vertical}.reply-templates{display:flex;gap:6px;flex-wrap:wrap}.tchip{font-size:12px;padding:4px 10px;border:1px solid var(--line2);border-radius:99px;background:#fff;color:#3f4149;cursor:pointer}.tchip:hover{border-color:var(--accent);color:var(--accent)}.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.timeline{display:flex;flex-direction:column}.tl-row{display:flex;gap:12px;border-left:2px solid var(--line2);margin-left:8px;position:relative;padding:10px 0 10px 20px}.tl-dot{position:absolute;left:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff}.tl-dot[data-action=bounced],.tl-dot[data-action=suppressed]{background:var(--bad)}.tl-dot[data-action=delivered],.tl-dot[data-action=email_opened],.tl-dot[data-action=email_sent],.tl-dot[data-action=marked_posted]{background:var(--ok)}