:root{--bg:#efeae2;--panel:#fff;--ink:#111b21;--mute:#667781;--line:#e9edef;--brand:#008069;--brand-dark:#017561;--out:#d9fdd3;--in:#fff;--wallpaper:#efe7de;--read:#53bdeb;--danger:#c62828;--warn:#8a5a00;--shadow:0 1px 3px rgba(11,20,26,.12);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b141a;--panel:#111b21;--ink:#e9edef;--mute:#8696a0;--line:#233138;--brand:#00a884;--brand-dark:#06cf9c;--out:#005c4b;--in:#202c33;--wallpaper:#0b141a;--warn:#f3c96b;--shadow:0 1px 3px rgba(0,0,0,.35);color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Segoe UI,Helvetica Neue,sans-serif;background:#d1d7db;color:var(--ink)}@media (prefers-color-scheme:dark){body{background:#0b141a}}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.app{height:100%;display:flex;background:#f0f2f5;color:var(--ink)}.shell{display:flex;background:var(--bg)}.shell,.shell>*{flex:1 1;min-width:0;min-height:0}.rail{width:248px;flex:none;display:flex;flex-direction:column;background:#111b21;color:#e9edef;padding:18px 12px 14px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand b{display:block;font-size:16px;font-weight:700}.brand small{display:block;color:#8696a0;font-size:12px;margin-top:2px}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#00a884;color:#fff;font-weight:800}.nav{display:flex;flex-direction:column;gap:4px}.ghost,.iconbtn,.nav button,.primary{border:0;border-radius:10px}.nav button{background:transparent;color:#d1d7db;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-weight:600}.nav button.on{background:#202c33;color:#fff}.nav button:hover{background:#1b262c}.nav-ico{width:22px;text-align:center}.nav em{margin-left:auto;background:#00a884;color:#fff;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-style:normal;font-size:11px;display:inline-grid;place-items:center}.status-dot{margin-top:auto;background:#202c33;color:#e9edef;border:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;text-align:left}.status-dot i{width:9px;height:9px;border-radius:50%;background:#ffd166;display:block;flex:none}.status-dot.ok i{background:#25d366}.workspace{flex:1 1;min-height:0;display:grid;grid-template-columns:360px 1fr}.panel,.sidebar,.thread{min-height:0;display:flex;flex-direction:column}.sidebar{background:var(--panel);border-right:1px solid var(--line)}.thread{background:var(--wallpaper)}.composer,.panel-head,.side-head,.thread-head{background:var(--panel);border-bottom:1px solid var(--line)}.side-head{padding:12px;flex-direction:column}.row,.side-head{display:flex;gap:8px}.row{align-items:center}.grow{flex:1 1;min-width:0}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}textarea{resize:vertical;min-height:72px}.primary{background:var(--brand);color:#fff;padding:10px 16px;white-space:nowrap}.primary:hover:not(:disabled){background:var(--brand-dark)}.ghost{background:transparent;color:var(--brand);padding:8px 12px}.iconbtn{background:var(--bg);width:40px;height:40px;display:grid;place-items:center;font-size:18px}.chats{overflow:auto;flex:1 1}.chat{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 14px;display:grid;grid-template-columns:46px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.chat.on,.chat:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}.chat b{display:block;font-size:15px}.chat p,.muted{color:var(--mute);margin:2px 0 0;font-size:13px}.chat p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.when{color:var(--mute);font-size:12px}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--brand);color:#fff;font-size:11px;display:inline-grid;place-items:center;margin-top:6px}.thread-head{padding:12px 16px;display:flex;align-items:center;gap:12px}.thread-head h2{margin:0;font-size:16px}.pill{margin-left:auto;font-size:12px;padding:4px 8px;border-radius:99px;background:#e7f6ef;color:#05603a}.pill.closed{background:#fff4e5;color:var(--warn)}@media (prefers-color-scheme:dark){.pill{background:#10362c;color:#8ef0c8}.pill.closed{background:#3a2d12;color:var(--warn)}}.banner,.error{margin:12px 16px 0;padding:10px 12px;border-radius:8px;background:#fff4e5;color:#6b4a00;display:flex;gap:10px;align-items:center;justify-content:space-between}.error{background:#fdecea;color:var(--danger)}@media (prefers-color-scheme:dark){.banner{background:#3a2d12;color:#f3c96b}.error{background:#3d1d1d;color:#ffb4a8}}.messages{flex:1 1;overflow:auto;padding:18px 8% 12px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:min(560px,85%);background:var(--in);border-radius:8px;padding:6px 8px 4px;box-shadow:var(--shadow);white-space:pre-wrap;word-break:break-word}.bubble.out{align-self:flex-end;background:var(--out)}.quote{border-left:3px solid var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:4px 8px;color:var(--mute);font-size:12px}.bubble img,.bubble video,.quote{border-radius:6px;margin-bottom:4px}.bubble img,.bubble video{max-width:280px;display:block}.bubble audio{width:240px}.meta{display:flex;justify-content:flex-end;gap:6px;color:var(--mute);font-size:11px;margin-top:2px}.tick.read{color:var(--read)}.tick.fail{font-weight:700}.fail,.tick.fail{color:var(--danger)}.fail{font-size:12px;margin-top:4px}.composer{border-top:1px solid var(--line);border-bottom:0;padding:10px;display:flex;flex-direction:column;gap:8px}.composer .row{align-items:flex-end}.attach{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.menu{position:relative}.menu-pop{position:absolute;bottom:46px;left:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:160px;z-index:2;overflow:hidden}.menu-pop button{background:transparent;border:0;text-align:left;padding:10px 12px}.menu-pop button:hover{background:var(--bg)}.empty{margin:auto;text-align:center;color:var(--mute);max-width:360px;padding:24px}.empty h2{color:var(--ink);font-size:20px;margin-bottom:8px}.panel{background:var(--bg)}.panel-head{padding:16px 20px;display:flex;gap:12px;align-items:center}.panel-head h2{margin:0;font-size:18px}.panel-body{overflow:auto;padding:16px 20px 28px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip,.filters button{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:6px 12px}.filters button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card h3{margin:0;font-size:15px;word-break:break-word}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mute)}.tag.ok{color:#027a48}.tag.bad{color:var(--danger)}.preview{background:var(--wallpaper);border-radius:10px;padding:12px}.preview .bubble{box-shadow:none}.preview .btns{display:flex;flex-direction:column;margin-top:6px}.preview .btns span{text-align:center;color:#027eb5;border-top:1px solid var(--line);padding:6px;font-size:13px}.fields{display:flex;flex-direction:column;gap:8px}.back{display:none;background:transparent;border:0;color:var(--brand);padding:0}.steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.event{border-bottom:1px solid var(--line);padding:10px 0}.event b{font-size:13px}.kv{display:grid;grid-template-columns:180px 1fr;grid-gap:8px 12px;gap:8px 12px;margin:8px 0 16px}.kv span{color:var(--mute)}.camp,.tpl{background:#f4f7f6}.tpl{flex-direction:row}.tpl-side{width:260px;flex:none;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px;min-height:0}.tpl-brand{text-align:center;padding:8px 8px 16px}.tpl-brand h2{margin:10px 0 4px;font-size:17px}.tpl-brand p{margin:0;color:var(--mute);font-size:12px}.tpl-mark{width:52px;height:52px;margin:0 auto;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand);font-weight:800;border:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}.tpl-kicker{margin:8px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}.tpl-nav{display:flex;flex-direction:column;gap:6px;overflow:auto}.tpl-nav button{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 12px}.tpl-nav button.on{background:color-mix(in srgb,var(--brand) 8%,var(--panel));border-color:color-mix(in srgb,var(--brand) 28%,transparent)}.tpl-nav b{display:block;font-size:14px}.tpl-nav small{display:block}.tpl-nav em,.tpl-nav small{color:var(--mute);font-size:12px}.tpl-nav em{margin-left:auto;font-style:normal;font-weight:700}.tpl-main{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column}.tpl-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:18px 20px 8px;flex-wrap:wrap}.tpl-head h2{margin:0;font-size:22px;color:var(--brand)}.tpl-head p{margin:4px 0 0;color:var(--mute);font-size:13px;max-width:520px}.tpl-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tpl-tools input,.tpl-tools select{width:auto;min-width:160px;background:var(--panel)}.tpl-channel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.tpl-channel span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.tpl-channel b{font-size:13px}.tpl-body{overflow:auto;padding:12px 20px 28px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.tpl-card{position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:180px;box-shadow:var(--shadow)}.tpl-card:hover{border-color:var(--brand);transform:translateY(-2px)}.tpl-card-foot,.tpl-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 14px}.tpl-card-top{border-bottom:1px solid var(--line)}.tpl-card h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.02em;word-break:break-word}.tpl-card p{margin:0;padding:14px;color:var(--mute);font-size:13px;line-height:1.45;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tpl-card-foot{border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--mute);text-transform:uppercase}.cat{color:#175cd3;background:#e8f3ff;border-radius:8px;padding:3px 8px}.tpl-hover{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 72%,transparent);opacity:0;font-weight:700;color:var(--brand)}.tpl-card:hover .tpl-hover{opacity:1}.tpl-empty{text-align:center;padding:48px 16px;border:1px dashed var(--line);border-radius:14px;color:var(--mute);background:var(--panel)}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(11,20,26,.45);border:0}.modal-card{position:relative;width:min(860px,100%);max-height:min(90vh,760px);overflow:auto;background:var(--panel);border-radius:16px;box-shadow:0 16px 50px rgba(0,0,0,.25);padding:16px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-head h3{margin:0}.modal-head p{margin:4px 0 0;color:var(--mute);font-size:13px}.modal-split{display:grid;grid-template-columns:280px 1fr;grid-gap:16px;gap:16px;margin-top:12px}.phone{background:#0b141a;border-radius:18px;overflow:hidden}.phone-bar{color:#fff;padding:12px 14px;font-weight:700;background:#1f2c34}.phone-screen{background:var(--wallpaper);min-height:280px;padding:14px}.phone-screen .bubble{box-shadow:none}.wizard{display:flex;flex-direction:column;min-height:0;flex:1 1}.wizard-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:20px;gap:20px;padding:8px 20px 24px;min-height:0;overflow:auto}.wizard-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wizard-steps button{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;background:transparent;border:0;border-radius:12px;padding:12px;color:var(--mute)}.wizard-steps button.on{background:var(--panel);box-shadow:var(--shadow);color:var(--ink)}.wizard-steps button span:first-child{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--line);font-weight:700}.wizard-steps button.done span:first-child,.wizard-steps button.on span:first-child{background:var(--brand);color:#fff}.wizard-steps b{display:block;font-size:14px}.wizard-steps small{display:block;font-size:12px;color:var(--mute);font-weight:500}.wizard-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.wizard-card h3{margin:0;font-size:20px}.stack{gap:12px}.stack,.stack label{display:flex;flex-direction:column}.stack label{gap:6px;font-size:13px;font-weight:650;color:var(--mute)}.stack label span{color:var(--brand)}.wizard-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.choice-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.choice{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.choice.on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.choice b{font-size:14px}.choice span{color:var(--mute);font-size:12px}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.table th{color:var(--mute);font-size:12px;font-weight:650}.actions{white-space:nowrap}.ghost.danger{color:var(--danger)}.status{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--line);text-transform:capitalize}.status.completed,.status.sent{background:#e7f6ef;color:#05603a}.status.scheduled,.status.sending{background:#e8f3ff;color:#175cd3}.status.failed{background:#fdecea;color:var(--danger)}.status.draft,.status.paused,.status.pending{background:#fff4e5;color:#8a5a00}.detail{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.recipients{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.recipients li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width:800px){.app{flex-direction:column}.rail{width:100%;flex-direction:row;align-items:center;padding:8px;gap:8px}.brand small,.nav button span:nth-child(2),.status-dot span{display:none}.brand{padding:0 8px 0 0}.nav{flex-direction:row;flex:1 1;overflow:auto}.status-dot{margin-top:0}.workspace{grid-template-columns:1fr}.workspace.has-thread .sidebar,.workspace:not(.has-thread) .thread{display:none}.back{display:inline}.messages{padding:12px}.kv,.wizard-grid{grid-template-columns:1fr}.tpl{flex-direction:column}.tpl-side{width:100%;border-right:0;border-bottom:1px solid var(--line)}.tpl-nav{flex-direction:row}.modal-split{grid-template-columns:1fr}}