@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#16201c;--muted:#718079;--line:#e5eae7;--bg:#f6f8f6;--panel:#fff;--green:#22b573;--green-dark:#13885a;--green-soft:#e9f8f0;--sidebar:#101b17;--shadow:0 12px 32px rgba(27,52,42,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,monospace;background:#eef2ef;padding:2px 5px;border-radius:5px}
.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);color:#dce5e1;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font:800 20px Manrope;margin:0 10px 35px;color:#fff}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font:800 19px Manrope}.brand-copy small{font:600 8px "DM Sans";color:#7f958c;letter-spacing:.35px;margin-top:4px;text-transform:uppercase}.brand-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#31c980,#158d5c);display:grid;place-items:center;color:#fff;font:800 22px Manrope;box-shadow:0 12px 28px rgba(34,181,115,.25)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:16px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#65756f;margin:0 12px 10px;font-weight:700}.sidebar nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:11px;margin-bottom:4px;color:#9dafaa;font-weight:600}.sidebar nav a>span{font-size:20px;width:22px;text-align:center}.sidebar nav a:hover{color:#fff;background:#192722}.sidebar nav a.active{background:#1d332a;color:#fff;box-shadow:inset 3px 0 var(--green)}.sidebar nav a em{margin-left:auto;background:#2b493d;color:#8ce0b7;border-radius:20px;padding:2px 8px;font-size:11px;font-style:normal}.sidebar-foot{margin-top:auto}.connection{margin:14px 8px;padding:12px;border:1px solid #263b33;border-radius:12px;display:flex;gap:10px;align-items:center}.connection>i{width:9px;height:9px;background:#4bd493;border-radius:50%;box-shadow:0 0 0 4px rgba(75,212,147,.1)}.connection div,.profile div,.person div{display:flex;flex-direction:column}.connection strong,.profile strong{font-size:12px}.connection span,.profile span{font-size:10px;color:#788b84;margin-top:2px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #26342f;padding:18px 8px 0}.profile b{margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;background:#dff5e9;color:#188a5b;display:grid;place-items:center;font-size:11px;font-weight:800}
.shell{margin-left:248px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.breadcrumb{font-weight:600;color:#5f6d67}.breadcrumb span{color:#c3ccc7;margin:0 10px}.top-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;color:#52615a;font-size:19px}.icon-btn:hover{border-color:#a9b9b1}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff6b57;right:8px;top:7px;border:2px solid #fff}.mobile-menu{display:none}
main{padding:36px 40px 64px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-head h1{font:800 29px Manrope;margin:4px 0 7px;letter-spacing:-.8px}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px!important;letter-spacing:1.4px;font-weight:700;color:#91a099!important}.btn{height:42px;padding:0 17px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.btn.primary{background:var(--green);color:#fff;box-shadow:0 7px 18px rgba(34,181,115,.18)}.btn.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:#fff;border-color:var(--line);color:#53625b}.btn.secondary:hover{border-color:#aebbb5;background:#fbfcfb}.btn.compact{height:38px;padding:0 14px}.btn.wide{width:100%}.btn.large{height:50px;padding:0 24px;font-size:15px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:18px}.stat-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:0 3px 14px rgba(29,47,40,.025);position:relative;overflow:hidden}.stat-card.accent:after{content:"";position:absolute;width:100px;height:100px;background:#ecfaf3;border-radius:50%;right:-35px;top:-40px}.stat-card p{color:var(--muted);margin:12px 0 5px;font-weight:600}.stat-card h2{font:800 28px Manrope;margin:0 0 8px}.stat-icon{width:37px;height:37px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-size:18px}.stat-icon.purple{background:#f0edff;color:#7665d8}.stat-icon.blue{background:#eaf4ff;color:#4c91d8}.stat-icon.orange{background:#fff1e8;color:#e68746}.trend{font-size:11px;color:#93a099}.trend.positive{color:#229969}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(31,55,45,.035)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;margin-bottom:18px}.panel-head{padding:21px 23px 15px;display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3,.form-card h3{font:700 15px Manrope;margin:0 0 4px}.panel-head p,.form-card p{font-size:12px;color:var(--muted);margin:0}.panel-head a{color:var(--green-dark);font-size:12px;font-weight:700}.pill{font-size:10px;color:#7c8c84;border:1px solid var(--line);padding:5px 9px;border-radius:20px}.chart-wrap{height:230px;display:flex;padding:5px 25px 22px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#a3afa9;font-size:9px;padding:4px 13px 24px 0}.bars{flex:1;border-left:1px solid #edf0ee;border-bottom:1px solid #edf0ee;display:flex;gap:9%;align-items:flex-end;padding:0 4%}.bar-col{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{width:100%;min-height:5%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#45cd91,#1fae6f);position:relative}.bar i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25))}.bar-col span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:#84918b}.health-card{padding-bottom:14px}.health-score{display:flex;gap:14px;align-items:center;padding:8px 22px 17px}.score-ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(var(--green) 92%,#e9eeeb 0);display:grid;place-content:center;position:relative}.score-ring:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.score-ring strong,.score-ring span{z-index:1;text-align:center}.score-ring strong{font:800 19px Manrope}.score-ring span{font-size:8px;color:#9aa59f}.health-score>div:last-child strong{font:700 14px Manrope}.health-score p{font-size:11px;color:var(--muted);margin:4px 0}.health-row{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding:12px 23px;font-size:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:8px}.dot.green{background:var(--green)}.dot.gray{background:#b8c1bd}
.recent{margin-top:18px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;font-size:10px;letter-spacing:.4px;color:#99a59f;text-transform:uppercase;padding:11px 22px;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;background:#fbfcfb}td{padding:14px 22px;border-bottom:1px solid #eff2f0;font-size:12px;color:#53615b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}.campaign-name{display:flex;gap:11px;align-items:center}.campaign-name>span{width:34px;height:34px;border-radius:9px;background:#edf8f2;color:#269366;display:grid;place-items:center}.campaign-name div{display:flex;flex-direction:column}.campaign-name strong,.person strong{color:#26322d}.campaign-name small,.person span{font-size:10px;color:#9aa59f;margin-top:3px}.status{display:inline-flex;gap:6px;align-items:center;padding:5px 9px;border-radius:20px;background:#f0f3f1;color:#6f7b76;font-size:10px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:#8d9993}.status.completed,.status.sent,.status.delivered,.status.read,.status.subscribed{background:#e9f8f0;color:#188a5b}.status.completed i,.status.sent i,.status.delivered i,.status.read i,.status.subscribed i{background:#26b875}.status.sending,.status.queued{background:#eaf3ff;color:#3c80c6}.status.sending i,.status.queued i{background:#4d98e4}.status.scheduled{background:#fff5e8;color:#c97c32}.status.scheduled i{background:#e4974b}.status.failed,.status.unsubscribed{background:#fff0ef;color:#c85d55}.status.failed i,.status.unsubscribed i{background:#df7067}.cell-sub{display:block;color:#a4afa9;margin-top:2px}.more{border:0;background:transparent;font-size:18px;color:#86948d;cursor:pointer}.empty-row td{text-align:center;padding:55px 20px!important}.empty-row h3{font:700 16px Manrope;margin:10px 0 5px;color:var(--ink)}.empty-row p{color:var(--muted);margin:0 0 17px}.empty-icon{width:50px;height:50px;background:#edf8f2;color:#269366;border-radius:15px;display:grid;place-items:center;font-size:24px;margin:auto}
.toolbar.slim{padding:12px;display:flex;margin-bottom:16px}.search-box{height:42px;display:flex;align-items:center;gap:8px;color:#8d9a94;flex:1;max-width:500px;padding:0 12px;background:#f8faf8;border:1px solid #e9eeeb;border-radius:10px}.search-box input{border:0;background:transparent;outline:none;width:100%;color:var(--ink)}.toolbar-actions{margin-left:auto;display:flex;gap:8px}.table-panel{overflow:hidden}.person{display:flex;gap:10px;align-items:center}.tag{padding:5px 9px;border-radius:7px;background:#f0f4f2;color:#66736d;font-size:10px}.filter-tabs{display:flex;gap:4px;margin-bottom:15px;border-bottom:1px solid var(--line)}.filter-tabs button{border:0;background:transparent;padding:11px 16px;color:#7d8b84;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.filter-tabs button.active{color:#188a5b;border-color:#22b573}.filter-tabs span{background:#e9eeeb;padding:2px 7px;border-radius:10px;font-size:10px;margin-left:4px}
.composer-layout{display:grid;grid-template-columns:minmax(0,720px) 350px;gap:32px;align-items:start}.composer-main{display:flex;flex-direction:column;gap:16px}.form-card{padding:22px}.step-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step-title>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.stack{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;color:#435149;font-size:12px;font-weight:700}input,textarea,select{border:1px solid #dfe6e2;background:#fff;border-radius:10px;padding:11px 12px;outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:#4ac78b;box-shadow:0 0 0 3px rgba(34,181,115,.1)}textarea{resize:vertical;line-height:1.55}label small{font-weight:400;color:#96a29c}.type-tabs{display:flex;gap:7px;margin-bottom:16px}.type-tabs label input{display:none}.type-tabs label span{padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-weight:600;cursor:pointer}.type-tabs label input:checked+span{background:var(--green-soft);border-color:#8edcb6;color:#168457}.media-field{margin-bottom:15px}.hidden{display:none!important}.compose-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.token{border:0;background:#eff5f2;color:#4d695b;border-radius:6px;padding:5px 7px;font-size:10px;margin-right:5px;cursor:pointer}.compose-tools>span{font-size:10px;color:#98a49e}.campaign-doctor{display:flex;gap:11px;padding:13px;margin-top:16px;background:#f6fbf8;border:1px solid #dff0e7;border-radius:11px}.campaign-doctor>span{color:#20a96b}.campaign-doctor strong{font-size:11px}.campaign-doctor p{margin-top:3px}.audience-choice{display:flex;align-items:center;gap:12px;border:1px solid #8fdbb7;background:#f9fdfb;border-radius:12px;padding:14px;margin-bottom:17px}.audience-choice div:nth-child(2){flex:1}.audience-choice p{margin-top:3px}.audience-choice>i{font-style:normal;color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green)}.form-warning{color:#c16952;text-align:center;font-size:11px;margin:0}.phone-preview{position:sticky;top:95px}.preview-label{display:flex;justify-content:space-between;margin-bottom:9px;color:#8f9d96;font-size:9px;font-weight:700;letter-spacing:1px}.phone{width:300px;height:565px;margin:auto;background:#111a16;border:8px solid #111a16;border-radius:38px;box-shadow:0 20px 50px rgba(20,35,29,.18);overflow:hidden;position:relative}.phone-notch{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:90px;height:18px;background:#111a16;border-radius:0 0 13px 13px}.wa-head{height:77px;padding:25px 12px 9px;background:#075e54;color:#fff;display:flex;align-items:center;gap:8px}.wa-back{font-size:25px}.wa-avatar{width:32px;height:32px;border-radius:50%;background:#e2f4eb;color:#15865a;display:grid;place-items:center;font-weight:800}.wa-head div{display:flex;flex-direction:column}.wa-head strong{font-size:11px}.wa-head span{font-size:8px;color:#cfebe4}.wa-chat{height:430px;padding:35px 12px;background-color:#efeae2;background-image:radial-gradient(#d7d0c6 1px,transparent 1px);background-size:20px 20px}.wa-date{margin:0 auto 14px;background:#dcebf0;width:max-content;padding:4px 7px;border-radius:6px;font-size:7px;color:#58706b}.wa-bubble{background:#d9fdd3;padding:9px 9px 17px;border-radius:8px 2px 8px 8px;font-size:10px;line-height:1.5;max-width:92%;margin-left:auto;white-space:pre-wrap;position:relative;min-height:42px}.wa-bubble small{position:absolute;right:6px;bottom:4px;font-size:6px;color:#5d756d}.wa-input{height:42px;background:#f2f2f2;margin:8px;border-radius:22px;color:#aaa;padding:12px 14px;font-size:9px}.wa-input span{float:right;color:#fff;background:#128c7e;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-top:-4px}.preview-tip{display:flex;gap:9px;width:300px;margin:15px auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;color:#6f7d76}.preview-tip p{font-size:10px;margin:0;line-height:1.5}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.secret-field,.copy-field{display:flex;gap:8px}.secret-field input,.copy-field input{flex:1;min-width:0}.security-note{margin-top:13px!important;color:#ae6d53!important}.setting-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf0ee;color:#66736d}.setting-row strong{color:#28352f}.danger-card{grid-column:1/-1;padding:20px;display:flex;justify-content:space-between;align-items:center}.danger-card h3{font:700 15px Manrope;margin:0 0 4px}.danger-card p{color:var(--muted);font-size:12px;margin:0}
.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-card{width:min(460px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:27px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.modal-card h2{font:800 22px Manrope;margin:5px 0 8px}.modal-close{position:absolute;right:16px;top:13px;background:transparent;border:0;font-size:26px;color:#8d9993;cursor:pointer}.scrim{position:fixed;inset:0;background:rgba(9,20,15,.55);backdrop-filter:blur(3px);z-index:40;display:none}.scrim.open{display:block}.drop-zone{border:1.5px dashed #b9c8c0;padding:25px;text-align:center;align-items:center;border-radius:12px;color:#708078;cursor:pointer}.drop-zone>span:first-child{font-size:22px}.drop-zone input{width:100%;font-size:11px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#16241e;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{background:#a9443e}.alert{padding:11px 13px;border-radius:9px;margin:13px 0}.alert.error{background:#fff0ef;color:#a9443e}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#dcf6e9,transparent 35%),var(--bg)}.login-card{width:min(430px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.login-card h1{font:800 29px/1.15 Manrope;margin:12px 0}.muted{color:var(--muted)}.login-note{text-align:center;color:#8b9892;font-size:10px;margin:18px 0 0}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.composer-layout{grid-template-columns:minmax(0,1fr) 320px}.settings-grid{grid-template-columns:1fr}.danger-card{grid-column:auto}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.shell{margin-left:0}.mobile-menu{display:block}.breadcrumb{display:none}main{padding:28px 20px}.dashboard-grid{grid-template-columns:1fr}.composer-layout{grid-template-columns:1fr}.phone-preview{position:static}.page-head{align-items:flex-start}.topbar{padding:0 18px}.scrim.menu-open{display:block}.settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){.top-actions .icon-btn{display:none}.top-actions .btn{font-size:0}.top-actions .btn:first-letter{font-size:18px}.page-head{gap:14px}.page-head h1{font-size:24px}.stat-grid,.stat-grid.three{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card h2{font-size:23px}.toolbar.slim{flex-direction:column;gap:10px}.toolbar-actions{margin:0}.toolbar-actions>*{flex:1}.composer-layout{display:block}.composer-main{margin-bottom:24px}.phone-preview{display:none}.type-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-grid{display:block}.settings-grid>*{margin-bottom:14px}.secret-field,.copy-field{flex-direction:column}.page-head .btn{height:38px;padding:0 11px}.login-card{padding:27px}.danger-card{align-items:flex-start;gap:15px}.stat-card p{font-size:11px}}
.schedule-time{display:block;color:#9aa59f;font-size:9px;margin-top:5px}.progress-cell{min-width:130px}.progress-track{height:6px;background:#e9eeeb;border-radius:10px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#20ad6d,#46cf91);border-radius:10px;transition:width .35s}.progress-label{display:block;color:#8e9b95;font-size:9px;margin-top:5px}.campaign-actions{display:flex;gap:5px}.action-btn{border:1px solid #dfe6e2;background:#fff;color:#53625b;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700;cursor:pointer}.action-btn:hover{border-color:#8fc8aa;color:#17865a}.action-btn.danger:hover{border-color:#e5aaa6;color:#b64c45}.worker-state{display:flex;gap:11px;align-items:center;padding:12px 13px;background:#fff4e9;border:1px solid #f1dcc5;border-radius:11px;margin-bottom:16px}.worker-state>i{width:10px;height:10px;border-radius:50%;background:#df9149;box-shadow:0 0 0 4px rgba(223,145,73,.12)}.worker-state div{display:flex;flex-direction:column}.worker-state strong{font-size:12px}.worker-state span{font-size:10px;color:#8e9a94;margin-top:2px}.worker-state.online{background:#edf9f3;border-color:#d3eddf}.worker-state.online>i{background:#23b774;box-shadow:0 0 0 4px rgba(35,183,116,.12)}
.optional{font-weight:400;color:#99a59f}.secret-actions{display:flex;gap:8px}.signup-card{width:min(470px,100%)}.login-note a{color:var(--green-dark)}
.audience-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.audience-mode{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;position:relative;background:#fff}.audience-mode input{display:none}.audience-mode .stat-icon{width:32px;height:32px;flex:0 0 32px}.audience-mode div{min-width:0}.audience-mode strong{font-size:11px}.audience-mode p{font-size:9px;line-height:1.35;margin-top:3px}.audience-mode>i{display:none;position:absolute;right:8px;top:8px;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;font-size:9px;font-style:normal;place-items:center}.audience-mode.active{border-color:#79d4a8;background:#f8fdfb;box-shadow:0 0 0 2px rgba(34,181,115,.08)}.audience-mode.active>i{display:grid}.audience-panel{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;padding:13px;margin-bottom:14px}.selection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selection-head>div,.selection-head:not(:has(>div)){min-width:0}.selection-head strong{font-size:11px}.selection-head span{display:block;font-size:9px;color:#8c9993;margin-top:2px}.tag-selector{display:flex;flex-wrap:wrap;gap:7px}.check-chip input{display:none}.check-chip span{display:flex;align-items:center;gap:7px;border:1px solid #dfe6e2;background:#fff;padding:7px 9px;border-radius:20px;font-size:10px;cursor:pointer}.check-chip span b{background:#edf2ef;color:#6c7973;border-radius:12px;padding:1px 6px;font-size:8px}.check-chip input:checked+span{background:var(--green-soft);border-color:#7ed3aa;color:#148155}.contact-selector{max-height:235px;overflow:auto;display:flex;flex-direction:column;gap:5px}.contact-option{display:flex;flex-direction:row;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:9px;cursor:pointer}.contact-option:hover{background:#f4f8f5}.contact-option input{display:none}.contact-option>span:nth-of-type(2){display:flex;flex-direction:column;flex:1}.contact-option strong{font-size:10px}.contact-option small{font-size:8px;color:#8e9a94;margin-top:2px}.contact-option>i{width:19px;height:19px;border:1px solid #ced8d2;border-radius:6px;color:transparent;display:grid;place-items:center;font-size:9px;font-style:normal}.contact-option:has(input:checked){background:#eff9f4;border-color:#c9ebd9}.contact-option:has(input:checked)>i{background:var(--green);border-color:var(--green);color:#fff}.mini-search{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 9px;margin-bottom:9px;color:#8d9993}.mini-search input{border:0;box-shadow:none;padding:8px 4px;width:100%;background:transparent}.text-btn{border:0;background:transparent;color:var(--green-dark);font-size:9px;font-weight:700;cursor:pointer}.audience-summary{display:flex;align-items:center;gap:11px;background:#f3faf6;border:1px solid #dcefe4;border-radius:11px;padding:11px;margin-bottom:16px}.audience-summary strong{font-size:11px}.audience-summary p{font-size:9px;margin-top:2px}.selection-empty{font-size:10px!important;color:#8e9a94!important;padding:7px 2px}.audience-panel.hidden{display:none}
@media(max-width:650px){.audience-modes{grid-template-columns:1fr}.audience-mode p{display:block}}
.phone-preview{position:sticky;top:88px}.preview-label{width:322px;margin:0 auto 10px;letter-spacing:.8px}.phone{width:322px;height:620px;border:7px solid #101513;border-radius:42px;background:#0b141a;box-shadow:0 25px 65px rgba(14,30,23,.24),inset 0 0 0 1px #35403b;overflow:hidden}.phone-notch{width:104px;height:20px;background:#101513;border-radius:0 0 14px 14px}.wa-statusbar{height:30px;padding:8px 18px 4px;background:#008069;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:.2px}.wa-head{height:58px;padding:5px 9px 8px;background:#008069;gap:7px}.wa-back{font-size:28px;line-height:1;color:#fff}.wa-avatar{width:36px;height:36px;flex:0 0 36px;background:linear-gradient(145deg,#e5f5ed,#bfe8d2);color:#087454;font-size:10px;border:1px solid rgba(255,255,255,.5)}.wa-contact{min-width:0;flex:1}.wa-contact strong{font-size:11px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact span{font-size:7px!important;color:#d4eee7!important;margin-top:2px}.wa-head-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:2px}.wa-head-actions button{width:27px;height:29px;border:0;background:transparent;color:#fff;border-radius:50%;font-size:16px;padding:0;cursor:default}.wa-head-actions button:first-child{font-size:19px;transform:rotate(-18deg)}.wa-chat{height:454px;padding:16px 11px 18px;overflow:auto;background-color:#efeae2;background-image:radial-gradient(circle at 15% 20%,rgba(117,103,86,.07) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 70%,rgba(117,103,86,.055) 0 1.2px,transparent 1.8px);background-size:24px 24px,31px 31px}.wa-encryption{width:82%;margin:0 auto 12px;padding:6px 9px;border-radius:6px;background:#fff6c8;color:#66736e;font-size:6.5px;line-height:1.35;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.08)}.wa-encryption span{color:#c09324;margin-right:3px}.wa-date{background:#fff;color:#5f6f69;padding:4px 8px;border-radius:7px;font-size:6.5px;box-shadow:0 1px 1px rgba(0,0,0,.08);margin-bottom:15px}.wa-bubble{background:#d9fdd3;max-width:88%;min-width:105px;padding:7px 8px 17px;border-radius:7px 0 7px 7px;font-size:10px;line-height:1.45;color:#111b17;box-shadow:0 1px 1px rgba(0,0,0,.13);word-break:break-word}.wa-bubble:after{content:"";position:absolute;right:-7px;top:0;border-top:8px solid #d9fdd3;border-right:8px solid transparent}.wa-message-text{white-space:pre-wrap}.wa-bubble small{right:6px;bottom:4px;display:flex;align-items:center;gap:3px;color:#667a71;font-size:6px}.wa-bubble small b{font-size:8px;color:#53a7d8;letter-spacing:-2px}.wa-media-preview{height:150px;margin:-3px -4px 7px;border-radius:5px;background:linear-gradient(135deg,#d6ded9,#adbdb5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);overflow:hidden}.wa-media-preview.image{background:linear-gradient(150deg,#85b99f,#d8c38e)}.wa-media-preview.video{background:linear-gradient(150deg,#6d7f8c,#293a44)}.wa-media-preview.document{height:65px;background:#fff;color:#52645b;text-shadow:none;border:1px solid #dce4df;align-items:flex-start;padding:12px}.wa-media-icon{font-size:28px;margin-bottom:4px}.wa-media-preview.document .wa-media-icon{font-size:18px}.wa-media-preview span{font-size:8px;font-weight:700}.wa-compose{height:57px;background:#efeae2;display:flex;align-items:center;gap:6px;padding:6px 8px}.wa-input{height:43px;flex:1;margin:0;padding:0 12px;background:#fff;border-radius:23px;display:flex;align-items:center;gap:10px;color:#7d8a85}.wa-input span{float:none}.wa-emoji{font-size:18px}.wa-placeholder{font-size:10px;flex:1}.wa-attach{font-size:16px;transform:rotate(-36deg)}.wa-camera{font-size:14px}.wa-mic{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:#00a884;color:#fff;font-size:7px;box-shadow:0 2px 5px rgba(0,0,0,.12)}.phone-home{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:92px;height:3px;border-radius:5px;background:#cbd2cf}.preview-tip{width:322px}.preview-tip>span{color:#1da66b}
.preview-label{width:294px}.phone{width:294px;height:560px;border-width:6px;border-radius:36px}.phone-notch{width:88px;height:17px}.wa-statusbar{height:24px;padding:6px 16px 2px}.wa-head{height:54px;padding:5px 8px 7px}.wa-avatar{width:34px;height:34px;flex-basis:34px}.wa-contact strong{max-width:120px}.wa-head-actions{gap:0}.wa-head-actions button{width:25px}.wa-head-actions button:first-child{font-size:13px;transform:none}.wa-chat{height:418px;padding:12px 10px 14px;overflow-x:hidden}.wa-encryption{width:76%;margin-bottom:9px;padding:5px 7px}.wa-date{margin-bottom:11px}.wa-bubble{max-width:82%;min-width:0;width:fit-content;padding:7px 8px 17px;overflow:visible;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.wa-message-text{display:block;max-width:205px;white-space:pre-wrap;overflow-wrap:anywhere}.wa-media-preview{height:120px}.wa-compose{height:52px;padding:5px 7px}.wa-input{height:40px;padding:0 11px;gap:9px}.wa-emoji{font-size:15px}.wa-attach{font-size:14px}.wa-mic{width:40px;height:40px;flex-basis:40px}.phone-home{display:none}.preview-tip{width:294px}
.wa-send{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:#00a884;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default}.wa-send svg{width:19px;height:19px;display:block;fill:currentColor;transform:translateX(1px)}
.wa-input .wa-input-placeholder{float:none;display:block;width:auto;height:auto;margin:0;padding:0;background:transparent;border-radius:0;color:#86928d;font-size:10px;line-height:1}
.confirm-card{width:min(410px,100%);padding:30px;text-align:center;overflow:visible}.confirm-icon{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:15px;background:#fff0ed;color:#c85449;font:800 22px Manrope}.confirm-card h2{margin:0 0 8px}.confirm-card .muted{max-width:320px;margin:0 auto;line-height:1.6}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.danger-btn{background:#c85449;color:#fff;border:1px solid #c85449}.danger-btn:hover{background:#b6473e}.confirm-actions .btn{justify-content:center}
.wa-media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.wa-media-preview.has-image{position:relative;background:#d6ded9}.wa-media-preview.has-image .wa-media-icon,.wa-media-preview.has-image #waMediaLabel{display:none}
.wa-media-preview.document{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-content:center}.wa-media-preview.document .wa-media-icon{grid-row:1/3;width:32px;height:38px;margin:0;display:grid;place-items:center;border-radius:5px;background:#e85f59;color:#fff;font-size:8px;font-weight:800}.wa-media-preview.document #waMediaLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#25342d;font-size:8px}.wa-media-preview.document .wa-media-meta{position:static;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#819088;font-size:6px}
.consent-share{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;margin-bottom:16px}.consent-share>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.consent-share-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-dark);font-weight:800}.consent-share p{margin-top:3px}.consent-share .copy-field{width:min(520px,48%);flex:0 1 520px}.consent-source{display:block;margin-top:5px;color:#8b9892;font-size:8px}.status.pending{background:#fff5d8;color:#9a7217}.status.pending i{background:#d6a52d}.consent-check{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px;border:1px solid #dfe8e3;border-radius:11px;background:#f8fbf9;font-weight:500;line-height:1.5}.consent-check input{width:16px;height:16px;margin:2px 0 0;padding:0;accent-color:var(--green)}.consent-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#d9f5e7,transparent 34%),var(--bg)}.consent-card{width:min(520px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.consent-card .brand-mark{margin-bottom:25px}.consent-card h1{font:800 30px/1.15 Manrope;margin:7px 0 10px}.consent-card>p:not(.eyebrow){margin-bottom:24px;color:var(--muted);line-height:1.65}.consent-note{display:block;margin-top:16px;text-align:center;color:#87948e;line-height:1.5}.consent-success{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--green-soft);color:var(--green-dark);font-size:25px;font-weight:800;margin-bottom:18px}
@media(max-width:760px){.consent-share{align-items:stretch;flex-direction:column}.consent-share .copy-field{width:100%;flex-basis:auto}.consent-share .copy-field{flex-direction:column}.consent-share .copy-field>*{width:100%}}
.webhook-secret-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.webhook-secret-form .btn{align-self:flex-start}
.billing-link{text-decoration:none}.billing-link:hover{border-color:#3b6654}.subscription-gate{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:20px;border:1px solid #f0d4a7;background:#fff8eb;border-radius:14px}.subscription-gate strong{font:700 14px Manrope}.subscription-gate p{margin:4px 0 0;color:#8b7656;font-size:11px}.billing-body{background:var(--bg);min-height:100vh}.billing-shell{max-width:1180px;margin:auto;padding:30px 24px 70px}.billing-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.billing-brand{margin:0;color:var(--ink)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.plan-card{padding:25px}.plan-chip{display:inline-block;font-size:9px;letter-spacing:1px;color:var(--green-dark);background:var(--green-soft);padding:5px 8px;border-radius:20px}.plan-card h2{font:750 21px Manrope;margin:17px 0 8px}.plan-card>p{color:var(--muted);min-height:38px}.plan-price{margin:24px 0}.plan-price strong{font:800 34px Manrope}.plan-price span{color:var(--muted)}.subscription-summary{padding:20px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.subscription-summary h2{margin:5px 0 10px}.subscription-summary>div:last-child{text-align:right;display:flex;flex-direction:column}.billing-history,.admin-section{margin-top:20px}.admin-plan-form{display:grid;grid-template-columns:1fr 180px 1.5fr auto;gap:12px;align-items:end}.alert.success{background:#eaf8f1;border:1px solid #ccebdc;color:#19744f;padding:12px;border-radius:10px;margin-bottom:16px}
@media(max-width:850px){.plan-grid{grid-template-columns:1fr}.admin-plan-form{grid-template-columns:1fr}.subscription-summary,.subscription-gate{align-items:flex-start;flex-direction:column}.subscription-summary>div:last-child{text-align:left}.billing-head{gap:12px}.billing-shell{padding:20px 15px 50px}}