:root{--blue:#1688d4;--blue2:#0877c9;--navy:#172237;--muted:#718096;--line:#e4ebf2;--bg:#f5f8fb;--white:#fff;--green:#12844b;--red:#bd3e48;--amber:#976500;--shadow:0 16px 48px rgba(25,48,83,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--navy);background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.blue{color:var(--blue)}.muted{color:var(--muted);line-height:1.55}.small{font-size:12px}.center{text-align:center}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:10px;letter-spacing:.13em;font-weight:800}.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 28px;font-weight:800;font-size:17px;letter-spacing:-.5px}.brand-mark{width:39px;height:39px;background:linear-gradient(135deg,#31a5e7,#0876c9);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 6px 14px rgba(22,136,212,.22);flex-shrink:0}.brand small{display:block;font-size:8px;letter-spacing:1.15px;color:#8b9aad;font-weight:800;margin-top:4px}.workspace-label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#a0acbc;padding:0 12px 11px}.gap-top{margin-top:26px}.main-nav{display:flex;flex-direction:column;gap:4px}.main-nav a,.nav-logout{padding:11px 12px;border-radius:9px;color:#68768a;font-weight:650;display:flex;align-items:center;gap:12px;transition:.15s;border:0;background:transparent;text-align:left;font-size:13px}.main-nav a span,.nav-logout span{width:19px;text-align:center;font-size:18px;color:#8fa0b2}.main-nav a:hover,.nav-logout:hover{background:#f5f9fc;color:var(--blue)}.main-nav a.active{background:#eaf6fe;color:#087ac6}.main-nav a.active span{color:var(--blue)}.sidebar-bottom{margin-top:auto}.sender-chip{background:#f5f9fc;border:1px solid #e8eef4;border-radius:11px;padding:12px;display:flex;align-items:center;gap:9px;margin:0 3px 10px}.sender-dot{width:8px;height:8px;background:#18ad68;border-radius:50%;box-shadow:0 0 0 4px #dcf7e8}.sender-chip strong,.sender-chip small{display:block}.sender-chip strong{font-size:12px}.sender-chip small{font-size:10px;color:#7e8b9c;margin-top:4px}.logout-form{margin:0}.nav-logout{width:100%;font-weight:600}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:flex-end;padding:0 34px;gap:20px}.topbar-right{display:flex;align-items:center;gap:11px}.user-role{font-size:11px;color:#8391a2;background:#f0f4f8;padding:7px 9px;border-radius:7px}.avatar{width:31px;height:31px;border-radius:10px;background:#e3f3fd;color:#087ac6;font-weight:800;display:flex;align-items:center;justify-content:center}.user-name{font-size:12px;font-weight:750}.mobile-brand{display:none}.page-content{padding:31px 34px 20px;max-width:1600px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-heading h1{font-size:26px;margin:0 0 7px;font-weight:800;letter-spacing:-.9px}.page-heading p.muted{margin:0;font-size:13px}.footer{display:flex;justify-content:space-between;gap:15px;color:#9aa5b4;font-size:10px;padding-top:25px;padding-bottom:4px}.alert{border-radius:10px;padding:12px 15px;margin:0 0 18px;border:1px solid;font-size:13px;line-height:1.5}.alert.success{background:#eefbf4;border-color:#ccefd9;color:#177446}.alert.error{background:#fff2f2;border-color:#f4d0d0;color:#a62c35}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 20px rgba(21,43,70,.025);padding:23px;min-width:0}.panel h2,.section-step h2{font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0 0 5px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.panel-heading .muted{margin:0;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 19px;min-width:0;box-shadow:0 4px 20px rgba(21,43,70,.02)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#6f7e91;font-size:12px;font-weight:650}.stat-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}.blue-bg{background:#e8f5fe;color:#1688d4}.green-bg{background:#e8f9ef;color:#1b9b5a}.purple-bg{background:#f1ecff;color:#7653c6}.stat-card>strong{display:block;font-size:29px;letter-spacing:-1px;margin:10px 0 4px;font-weight:820}.stat-card>small{font-size:10px;color:#97a2b0}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:18px;align-items:start}.two-col>.panel{min-width:0}.callout{border:1px solid;border-radius:12px;padding:15px 17px;display:flex;align-items:center;gap:13px;margin:0 0 20px}.callout-blue{background:#eff8fe;border-color:#d4eafa}.callout-warn{background:#fff9ec;border-color:#f3e4b8}.callout-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;color:#2089ce;flex-shrink:0;font-weight:900}.callout-warn .callout-icon{color:#966800}.callout strong{font-size:12px}.callout p{margin:4px 0 0;font-size:11px;color:#75859a;line-height:1.5}.callout .btn{margin-left:auto;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:750;transition:.15s;white-space:nowrap}.btn.primary{background:linear-gradient(110deg,#31a5e6,#0878ca);color:#fff;box-shadow:0 5px 12px rgba(22,136,212,.16)}.btn.primary:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.secondary{background:#eaf6fe;color:#087ac6;border-color:#cfe9fa}.btn.outline{background:#fff;color:#4c6178;border-color:#dce5ee}.btn.danger{background:#fff1f1;color:#b4343f;border-color:#f3d0d0}.btn.full{width:100%}.small-btn{padding:8px 10px;font-size:11px}.text-link{color:#1383cd;font-weight:750;font-size:12px;background:none;border:0;padding:0;white-space:nowrap}.text-link:hover{text-decoration:underline}.danger-text{color:#bd404a}.empty-state{text-align:center;padding:35px 22px;color:#65758a}.empty-state strong{display:block;font-size:13px;color:#253349;margin-bottom:6px}.empty-state p{font-size:12px;line-height:1.55;max-width:300px;margin:0 auto 17px}.empty-state.compact{padding:23px}.empty-icon{width:42px;height:42px;border-radius:13px;background:#edf7fe;color:#1688d4;font-size:21px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:11px 13px;background:#f7f9fb;color:#8a98a9;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line)}td{padding:13px;border-bottom:1px solid #edf1f5;font-size:11px;color:#485a70}tr:last-child td{border-bottom:0}td strong{display:block;color:#27374c;font-size:11px;font-weight:750}td small{display:block;font-size:10px;color:#9aa5b4;margin-top:5px}td .status{white-space:nowrap}.status{display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800}.status.good{background:#e8f8ee;color:#16834a}.status.pending{background:#fff5df;color:#9a6a00}.status.bad{background:#ffeded;color:#ad3d42}.status.neutral{background:#edf1f5;color:#64748b}.quick-action{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f5}.quick-action:last-of-type{border-bottom:0}.quick-icon{height:35px;width:35px;border-radius:10px;background:#eff8fe;display:flex;align-items:center;justify-content:center;color:#1688d4;font-size:17px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:12px}.quick-action small{font-size:10px;color:#8e9bac;margin-top:4px}.arrow{margin-left:auto;color:#90a0b0}.mini-note{margin-top:18px;background:#f6f9fc;border-radius:10px;padding:13px}.mini-note strong{font-size:11px}.mini-note p{margin:5px 0 0;font-size:11px;line-height:1.6;color:#718198}.field{margin-bottom:16px}.field label{font-size:11px;font-weight:750;display:block;margin-bottom:7px;color:#3d4f65}.field input,.field textarea,.field select,.filter-bar input,.filter-bar select{width:100%;border:1px solid #dfe7ef;background:#fff;border-radius:8px;padding:11px 12px;outline:none;color:#26384e;font-size:12px;transition:.15s}.field textarea{resize:vertical;min-height:85px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#70bde9;box-shadow:0 0 0 3px rgba(22,136,212,.09)}.field input::placeholder,.field textarea::placeholder{color:#a7b2c0}.field-hint{display:block;color:#8c9aaa;font-size:10px;margin-top:6px;line-height:1.5}.checkline{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#65768a;line-height:1.55;margin-bottom:16px}.checkline input{accent-color:#1688d4;margin-top:2px;flex-shrink:0}.checkline.tiny{display:inline-flex;margin:0 8px 0 0;font-size:10px}.form-two{display:grid;grid-template-columns:2fr 1fr;gap:13px}.contacts-top{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);margin-bottom:18px}.count-pill{color:#718198;background:#f1f5f8;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.filter-bar{display:flex;gap:10px;padding:0 0 15px}.filter-bar input{max-width:300px}.filter-bar select{max-width:155px}.filter-bar .btn{padding:8px 15px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.inline-form{display:inline-flex;align-items:center;gap:3px}.panel-footnote{margin:14px 0 0;font-size:10px;color:#9aa5b4;line-height:1.5}.campaign-layout{grid-template-columns:minmax(0,1.4fr) minmax(275px,.8fr)}.section-step{display:flex;align-items:flex-start;gap:10px;margin:24px 0 16px}.section-step:first-of-type{margin-top:0}.section-step>span{background:#eaf6fe;color:#1688d4;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;font-weight:900;flex-shrink:0}.section-step h2{margin:1px 0 3px}.section-step p{font-size:11px;margin:0}.consent-check{padding:11px;background:#f8fafc;border:1px solid #edf1f5;border-radius:8px}.campaign-side{position:sticky;top:18px}.side-icon{width:42px;height:42px;background:#eaf6fe;color:#1688d4;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:14px}.campaign-side h2{font-size:16px}.check-list{padding-left:18px;margin:18px 0;color:#718198;font-size:11px;line-height:1.75}.check-list li{padding-left:4px;margin-bottom:9px}.setup-list{padding-left:18px;color:#64768b;font-size:11px;line-height:1.7}.setup-list li{padding-left:4px;margin-bottom:12px}.setup-list code{background:#eef4f8;border-radius:4px;padding:2px 4px}.copy-field{display:flex;gap:7px}.copy-field input{min-width:0;flex:1;border:1px solid #dfe7ef;background:#f7fafc;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:10px}.top-spaced{margin-top:12px}.connection-state{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connection-state strong{font-size:11px;margin-right:auto}.connection-state p{flex-basis:100%;font-size:11px;color:#6a7a8f;margin:0}.heading-actions{display:flex;align-items:center;gap:12px}.error-cell{white-space:normal;min-width:170px;max-width:300px;color:#b23b45!important}.compact-stats{margin-top:4px}.compact-stats .stat-card{padding:15px 18px}.compact-stats .stat-card>strong{font-size:24px}.profile-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf1f5;font-size:12px}.profile-row:last-child{border-bottom:0}.profile-row span{color:#8391a2}.profile-row strong{text-align:right}.auth-page,.install-page{min-height:100vh;background:radial-gradient(circle at 85% 20%,rgba(64,172,235,.14),transparent 28%),linear-gradient(135deg,#f7fbff,#fff 48%,#edf7ff);display:flex;align-items:center;justify-content:center;padding:28px 16px}.auth-glow{position:fixed;width:560px;height:560px;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(71,183,238,.10),transparent 65%);right:-170px;top:-170px;pointer-events:none}.auth-card,.install-card{width:100%;max-width:430px;background:#fff;border:1px solid #e3edf5;border-radius:18px;padding:32px;box-shadow:0 25px 80px rgba(29,69,102,.10);position:relative}.install-card{max-width:530px}.auth-brand{padding:0 0 30px;font-size:20px}.auth-card h1,.install-card h1{margin:0 0 8px;font-size:25px;letter-spacing:-.8px}.auth-card>.muted,.install-card>.muted{font-size:12px;margin:0 0 23px}.auth-switch{text-align:center;font-size:11px;color:#77869a;margin-top:20px}.auth-switch a{color:#1688d4;font-weight:800}.auth-card .alert{font-size:11px}.auth-card .field{margin-bottom:14px}.auth-card .btn{margin-top:3px}.auth-card .small{margin-top:20px;line-height:1.55}.install-card h2{font-size:13px;margin:25px 0 13px;border-bottom:1px solid #edf1f5;padding-bottom:9px}.install-card .brand-mark{margin-bottom:20px}.install-card .btn{margin-top:7px}.install-card .small{line-height:1.55;margin-top:19px}.install-card .field input{font-size:13px}.mobile-brand{align-items:center;gap:8px;font-size:14px}.mobile-brand .brand-mark{width:31px;height:31px;border-radius:9px;font-size:11px}.mobile-brand .blue{color:#1688d4}@media(max-width:1180px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:26px 23px}.stats-grid{gap:10px}.stat-card{padding:15px}.two-col{grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr)}}@media(max-width:900px){.sidebar{width:74px;padding:18px 9px}.brand{padding:0 8px 28px}.brand>span:not(.brand-mark),.workspace-label,.main-nav a:not(.active){font-size:0}.brand-mark{width:42px;height:42px}.main-nav a{justify-content:center;padding:12px 0;font-size:0}.main-nav a span{font-size:19px}.main-nav a.active{font-size:0}.sidebar .sender-chip{padding:9px;justify-content:center}.sender-chip>div,.logout-form .nav-logout:not(span){display:none}.nav-logout{font-size:0;justify-content:center;padding:12px}.nav-logout span{font-size:18px}.main-area{margin-left:74px}.topbar{padding:0 20px}.user-name{display:none}.two-col,.contacts-top,.campaign-layout{grid-template-columns:1fr}.campaign-side{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sidebar{display:none}.main-area{margin-left:0}.topbar{height:58px;padding:0 15px;justify-content:space-between}.mobile-brand{display:flex}.user-role{display:none}.page-content{padding:22px 13px}.page-heading h1{font-size:23px}.panel{padding:16px;border-radius:12px}.panel-heading{align-items:flex-start}.panel-heading .btn{font-size:10px;padding:9px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card>strong{font-size:25px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.footer{font-size:9px;flex-direction:column}.callout{align-items:flex-start;padding:12px}.callout .btn{display:none}.form-two{grid-template-columns:1fr;gap:0}.filter-bar{flex-wrap:wrap}.filter-bar input{max-width:none;flex-basis:100%}.filter-bar select{flex:1;max-width:none}.auth-card,.install-card{padding:25px 21px}.auth-card h1,.install-card h1{font-size:23px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.profile-row{font-size:11px}}