:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090b0f;color:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090b0f;--sidebar: #0b0e13;--surface: #10141a;--surface-2: #131821;--surface-3: #171d27;--border: #222a35;--border-soft: #1a212b;--text: #f5f7fa;--muted: #8793a4;--muted-2: #657185;--green: #42d392;--green-bg: rgba(66, 211, 146, .11);--blue: #8fb4ff;--blue-bg: rgba(101, 148, 255, .12);--amber: #e8b35f;--amber-bg: rgba(232, 179, 95, .1);--danger: #ff7a87;--danger-bg: rgba(255, 122, 135, .1);--shadow: 0 24px 70px rgba(0, 0, 0, .22)}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(143,180,255,.65);outline-offset:2px}.app-shell{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;z-index:40}.brand{height:82px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-soft)}.brand-mark{width:38px;height:38px;border-radius:11px;background:#f3f5f7;color:#0a0d12;display:grid;place-items:center;font-size:16px;font-weight:900;box-shadow:0 5px 20px #ffffff12}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:14px;letter-spacing:-.01em}.brand-copy span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.nav{padding:14px 10px;display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#9ba7b7;cursor:pointer;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;font-size:14px;text-align:left;transition:.16s ease}.nav-item:hover{color:#e9edf4;background:#ffffff09}.nav-item.active{color:#fff;background:#171d25;box-shadow:inset 0 0 0 1px #ffffff06}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border-soft);padding:12px;display:grid;gap:10px}.connection-pill{border:1px solid var(--border);background:#0e1218;border-radius:10px;color:#95a2b2;padding:9px 10px;display:flex;align-items:center;gap:8px;font-size:11px}.live-dot,.connection-pill .live-dot{width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #42d39214}.profile-mini{display:flex;align-items:center;gap:9px;padding:4px;color:#9ca8b7}.profile-copy strong{display:block;color:#eef2f7;font-size:12px}.profile-copy span{display:block;color:var(--muted-2);font-size:10px;margin-top:2px}.main{grid-column:2;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;height:82px;padding:0 28px;border-bottom:1px solid var(--border-soft);background:#090b0ff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:10px}.eyebrow,.kicker{color:#8390a2;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.topbar h1{margin:3px 0 0;font-size:19px;line-height:1.1;letter-spacing:-.025em}.top-actions{display:flex;align-items:center;gap:9px}.live-badge,.live-mini{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(66,211,146,.18);background:var(--green-bg);color:#7ce6b1;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;padding:7px 10px}.live-badge span,.live-mini span{width:6px;height:6px;border-radius:50%;background:var(--green)}.live-mini{padding:4px 7px;font-size:8px;letter-spacing:.04em}.content{flex:1 1 auto;min-height:0;overflow:auto;padding:26px 28px 48px;max-width:1540px;margin:0 auto;width:100%}.icon-btn{width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;color:#9aa6b7;cursor:pointer;transition:.15s ease}.icon-btn:hover{border-color:var(--border);background:var(--surface-2);color:#fff}.primary-btn,.secondary-btn{border:1px solid transparent;cursor:pointer;min-height:38px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:12px;transition:.15s ease}.primary-btn{background:#f3f5f7;color:#0b0e13}.primary-btn:hover{background:#fff;transform:translateY(-1px)}.primary-btn.large{min-height:42px;padding-inline:16px}.secondary-btn{border-color:var(--border);background:var(--surface);color:#d8dee7}.secondary-btn:hover{border-color:#344052;background:var(--surface-2)}.secondary-btn.compact{min-height:31px;padding:0 10px;font-size:10px}.top-refresh{min-height:34px}.link-btn{background:none;border:0;color:#a9b6c8;cursor:pointer;font-size:11px}.link-btn:hover{color:#fff}.overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:5px 2px 24px}.overview-head h2{margin:8px 0 7px;font-size:clamp(26px,3vw,39px);line-height:1.05;letter-spacing:-.045em;max-width:720px}.overview-head p{margin:0;color:var(--muted);font-size:13px;max-width:650px;line-height:1.65}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:154px;padding:16px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.stat-icon{width:32px;height:32px;border-radius:9px;background:var(--surface-3);border:1px solid rgba(255,255,255,.025);display:grid;place-items:center;color:#aeb8c7}.stat-card>span{color:#8f9aab;font-size:10px}.stat-card>strong{margin-top:5px;font-size:26px;letter-spacing:-.045em}.stat-card>small{margin-top:auto;color:#667386;font-size:9px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.panel-head{min-height:68px;padding:17px 18px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head h3{margin:4px 0 0;font-size:15px;letter-spacing:-.02em}.attention-list{padding:4px 12px 10px}.attention-row{display:flex;gap:11px;align-items:center;padding:12px 7px;border-bottom:1px solid var(--border-soft)}.attention-row:last-child{border-bottom:0}.attention-button{width:100%;border:0;background:none;color:inherit;cursor:pointer;text-align:left;border-radius:10px}.attention-button:hover{background:#ffffff06}.row-chevron{color:#596677}.row-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-title strong{color:#eef2f7;font-size:11px}.row-title span{color:#647185;font-size:9px;white-space:nowrap}.attention-row p{margin:4px 0 0;color:#8390a1;font-size:10px}.build-list{padding:5px 17px 10px}.build-row{min-height:45px;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--border-soft)}.build-row:last-child{border-bottom:0}.build-dot{width:6px;height:6px;border-radius:50%;background:#4d5969}.build-dot.ok{background:var(--green)}.build-row span{font-size:10px;color:#a1adbd}.build-row strong{font-size:9px;color:#8794a7}.system-shield{color:#7ce6b1}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1a222d;border:1px solid #263140;color:#dce4ee;font-weight:800;font-size:10px;flex:0 0 auto}.avatar.small{width:29px;height:29px;font-size:8px}.grow{flex:1}.minw0{min-width:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#dce9ff;color:#101720;font-size:8px;font-weight:850}.inbox-layout{height:100%;min-height:0;display:grid;grid-template-columns:320px minmax(420px,1fr) 260px;overflow:hidden;background:var(--surface)}.conversation-list{min-width:0;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;background:#0e1218}.conversation-toolbar{padding:12px;display:flex;gap:8px;border-bottom:1px solid var(--border-soft)}.search-box{min-width:0;flex:1;height:36px;border:1px solid var(--border);border-radius:9px;background:#0b0f14;color:#6f7c8e;display:flex;align-items:center;gap:8px;padding:0 10px}.search-box input{width:100%;border:0;outline:none;background:transparent;color:#e7ecf2;font-size:10px}.search-box input::placeholder{color:#586577}.inbox-filters{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border-soft)}.filter{border:1px solid transparent;background:transparent;color:#718095;border-radius:999px;padding:6px 8px;font-size:9px;cursor:pointer;display:inline-flex;gap:5px}.filter span{color:#526074}.filter.active{background:#171d26;color:#e7edf5;border-color:#232c38}.conversation-scroll{overflow:auto;min-height:0}.conversation-item{width:100%;min-height:82px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:inherit;display:flex;gap:10px;align-items:flex-start;padding:13px 12px;text-align:left;cursor:pointer;position:relative}.conversation-item:hover{background:#ffffff06}.conversation-item.selected{background:#151b23;box-shadow:inset 2px 0 #d7e4f8}.conversation-item p{margin:3px 0 0;color:#778498;font-size:9px}.conversation-item .conversation-phone{color:#5e6c7e}.conversation-item .unread-badge{position:absolute;right:11px;bottom:12px}.chat-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0c1015;overflow:hidden}.chat-body-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.chat-head{flex:0 0 auto;min-height:64px;padding:10px 15px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:10px;background:#10151b}.chat-head .grow strong{display:block;font-size:11px}.chat-head .grow span{display:block;margin-top:3px;color:#6c7a8d;font-size:9px}.chat-head-state{display:flex;gap:6px;align-items:center}.status-chip,.ai-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750;text-transform:capitalize}.live-status{background:var(--green-bg);border:1px solid rgba(66,211,146,.17);color:#69dea4}.ai-pill{border:1px solid var(--border);color:#758298;background:#11161d}.ai-pill.enabled{color:#a9c6ff;border-color:#8fb4ff29;background:var(--blue-bg)}.chat-body{flex:1;min-height:0;overflow:auto;padding:20px 22px 28px;background:radial-gradient(circle at 50% -10%,rgba(77,101,137,.06),transparent 38%),#0b0f14}.day-label{margin:7px auto 17px;width:fit-content;color:#5d6a7c;font-size:8px;padding:4px 7px;background:#111720;border:1px solid var(--border-soft);border-radius:999px}.bubble-row{display:flex;justify-content:flex-start;margin:8px 0}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(620px,78%);background:#171e27;border:1px solid #222c38;border-radius:4px 13px 13px;padding:10px 11px 7px;box-shadow:0 6px 16px #0000001a}.bubble.mine{background:#dfeafa;border-color:#dfeafa;color:#10151d;border-radius:13px 4px 13px 13px}.bubble p{margin:0;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble>span{margin-top:5px;color:#667386;display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:8px}.bubble.mine>span{color:#617084}.chat-empty{flex:1;display:grid;place-items:center;align-content:center;text-align:center;color:#7b8899}.empty-chat-icon{width:58px;height:58px;border-radius:18px;border:1px solid var(--border);background:#121820;display:grid;place-items:center;color:#7b899d;margin-bottom:13px}.chat-empty h3{margin:0;color:#dce3ec;font-size:14px}.chat-empty p{margin:5px 0 0;font-size:10px}.composer-wrap{flex:0 0 auto;padding:10px 13px 12px;border-top:1px solid var(--border-soft);background:#10151b}.composer-info{display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px;color:#657387;font-size:8px}.composer-info div{display:flex;gap:5px;align-items:center}.composer-info strong{color:#8fa5c0;font-weight:700}.composer{min-height:43px;border:1px solid var(--border);border-radius:10px;background:#0b0f14;display:flex;align-items:flex-end;gap:8px;padding:6px}.composer textarea{min-width:0;flex:1;resize:none;border:0;outline:0;background:transparent;color:#cbd4df;padding:7px 8px;font-size:10px}.composer textarea::placeholder{color:#59677a}.composer-disabled{opacity:.65}.composer:focus-within{border-color:#334155;box-shadow:0 0 0 2px #94a3b80d}.composer-error{margin:0 3px 8px;padding:7px 9px;border:1px solid rgba(248,113,113,.22);background:#7f1d1d1f;color:#fca5a5;border-radius:8px;font-size:8px;line-height:1.45}.send-btn{width:32px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;background:#e7edf4;color:#10141a;cursor:pointer}.send-btn:disabled{cursor:not-allowed;opacity:.45}.details-panel{border-left:1px solid var(--border-soft);background:#0f141a;padding:22px 16px;overflow:auto}.details-avatar{width:54px;height:54px;border-radius:17px;margin:0 auto 10px;display:grid;place-items:center;background:#18202a;border:1px solid #26313f;color:#e2e8f0;font-weight:850;font-size:13px}.details-panel>h3{text-align:center;margin:0;font-size:13px}.details-panel>p{text-align:center;margin:4px 0 20px;color:#69778a;font-size:9px}.detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:17px}.detail-summary div{border:1px solid var(--border);background:#11171e;border-radius:9px;padding:10px}.detail-summary span{display:block;color:#617084;font-size:8px}.detail-summary strong{display:block;margin-top:5px;text-transform:capitalize;font-size:10px}.detail-block{padding:14px 0;border-top:1px solid var(--border-soft)}.detail-label{display:block;color:#637185;font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:8px}.detail-state-row{display:flex;align-items:center;gap:7px;font-size:10px}.state-dot{width:7px;height:7px;border-radius:50%;background:#596678}.state-dot.on{background:var(--green)}.detail-value{font-size:9px;color:#a8b3c2;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{border:1px solid var(--border);background:#11171e;border-radius:999px;padding:5px 7px;color:#8e9bad;font-size:8px}.details-empty{height:100%;display:grid;place-items:center;text-align:center;color:#647185;font-size:10px;line-height:1.6}.toolbar-head{min-height:72px}.quiet-count{color:#68768a;font-size:9px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}th{padding:11px 16px;text-align:left;color:#657286;text-transform:uppercase;letter-spacing:.08em;font-size:8px;border-bottom:1px solid var(--border-soft)}td{padding:13px 16px;color:#8f9cad;font-size:10px;border-bottom:1px solid var(--border-soft)}td strong{color:#dce3ec;font-size:10px}tr:last-child td{border-bottom:0}.coming-soon-wrap{min-height:calc(100vh - 190px);display:grid;place-items:center}.coming-soon-card{width:min(540px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:34px;text-align:center;box-shadow:var(--shadow)}.coming-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;margin:0 auto 18px;background:#141a22;color:#9ca9bb}.coming-soon-card h2{margin:7px 0 8px;font-size:25px;letter-spacing:-.04em}.coming-soon-card p{margin:0 auto;color:#7d899a;font-size:11px;line-height:1.7;max-width:400px}.coming-status{margin:22px auto 0;width:fit-content;display:flex;align-items:center;gap:7px;color:#769083;font-size:9px}.coming-status span{width:6px;height:6px;border-radius:50%;background:var(--green)}.agent-layout,.settings-grid{display:grid;gap:14px}.agent-layout{grid-template-columns:minmax(0,780px)}.agent-card{padding:20px}.agent-heading{display:flex;gap:11px;align-items:center}.agent-logo,.connection-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue-bg);color:#9dbdff;border:1px solid rgba(143,180,255,.15)}.agent-heading h3{margin:4px 0 0;font-size:15px}.agent-description{color:#7c899b;font-size:10px;line-height:1.7;max-width:650px;margin:20px 0}.pending-status{border:1px solid var(--border);color:#8794a7;background:#11161d}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid .full{grid-column:1/-1}.field-grid label span{display:block;color:#6c798b;font-size:8px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}.field-grid input{width:100%;height:38px;border:1px solid var(--border);background:#0d1218;color:#aeb8c6;border-radius:9px;padding:0 11px;font-size:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid>.panel{padding:20px}.settings-grid h3{margin:5px 0 18px;font-size:15px}.settings-list{display:grid}.settings-list div{min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border-soft)}.settings-list span{color:#6c798b;font-size:9px}.settings-list strong{color:#a7b2c0;font-size:9px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.connection-card{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border-soft);padding-top:16px}.connection-card strong{display:block;font-size:10px}.connection-card span{display:block;color:#718095;font-size:9px;line-height:1.55;margin-top:4px}.loading-state{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#728095;font-size:10px}.loading-state.compact{min-height:90px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state.clean-empty{min-height:160px;margin:10px;border:1px dashed #252f3c;border-radius:12px;background:#ffffff03;display:flex;align-items:center;justify-content:center;text-align:left;gap:10px;color:#657286}.empty-state.clean-empty.compact{min-height:100px;margin:10px}.empty-state.clean-empty strong{display:block;color:#a6b0bf;font-size:10px}.empty-state.clean-empty span{display:block;margin-top:3px;font-size:9px;line-height:1.5;max-width:330px}.inline-error{margin:0 0 14px;min-height:62px;border:1px solid rgba(255,122,135,.18);border-radius:11px;background:var(--danger-bg);color:#d88c95;padding:11px 13px;display:flex;align-items:center;gap:10px}.inline-error.compact{margin:10px}.inline-error strong{display:block;color:#efa4ac;font-size:9px}.inline-error span{display:block;margin-top:3px;font-size:9px}.mobile-menu,.mobile-close,.backdrop{display:none}@media(max-width:1180px){.inbox-layout{grid-template-columns:290px minmax(420px,1fr)}.details-panel{display:none}.overview-grid{grid-template-columns:1fr}.system-panel{min-height:auto}}@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:24px 0 60px #00000059}.sidebar.mobile-open{transform:translate(0)}.main{grid-column:auto}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{margin-left:auto}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:35}.topbar{padding:0 18px}.content{padding:20px 18px 40px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-layout{height:100%;grid-template-columns:300px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:680px){.topbar{height:70px}.topbar h1{font-size:17px}.topbar .eyebrow,.top-refresh{display:none}.content{padding:14px 12px 28px}.overview-head{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:18px}.overview-head h2{font-size:28px}.overview-head .primary-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:132px;padding:13px}.stat-card-top{margin-bottom:15px}.stat-card>strong{font-size:23px}.inbox-layout{display:block;position:relative;height:100%;min-height:0;border:0;border-radius:0;overflow:hidden;background:var(--bg);box-shadow:none}.conversation-list,.chat-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:0;max-height:none;margin:0;transition:transform .22s ease}.conversation-list{z-index:1}.chat-panel{z-index:2}.inbox-layout.show-list .conversation-list{transform:translate(0)}.inbox-layout.show-list .chat-panel{transform:translate(100%)}.inbox-layout.show-chat .conversation-list{transform:translate(-12%)}.inbox-layout.show-chat .chat-panel{transform:translate(0)}.details-panel{display:none}.chat-head{min-height:58px;padding:9px 11px}.chat-head-state .status-chip{display:none}.ai-pill{padding:5px 8px}.chat-back{display:inline-grid}.bubble{max-width:82%}.composer-info>span{display:none}.composer-wrap{padding:9px}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.coming-soon-card{padding:26px 18px}.live-badge{padding:6px 8px}}.chat-back{display:none}.ai-toggle{border:1px solid var(--border);cursor:pointer;font-family:inherit;transition:opacity .18s ease,border-color .18s ease,background .18s ease}.ai-toggle:hover:not(:disabled){border-color:#8fb4ff57}.ai-toggle:disabled{opacity:.55;cursor:wait}.detail-ai-toggle{width:100%;margin-top:8px;display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;border:1px solid var(--border);background:#10151c;color:var(--text);font:inherit;cursor:pointer;text-align:left}.detail-ai-toggle>span:last-child{margin-left:auto;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.detail-ai-toggle:hover:not(:disabled){border-color:#8fb4ff42}.detail-ai-toggle:disabled{opacity:.55;cursor:wait}.bubble.ai-message{border-color:#8fb4ff47;background:linear-gradient(180deg,#dce9ff,#d5e4fb)}.bubble-source{display:flex;align-items:center;gap:4px;margin-bottom:5px;color:#375b91;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bubble-meta{margin-top:5px;color:#667386;display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:8px}.bubble.mine .bubble-meta{color:#617084}.tick-read{color:#4a9bff}.tick-failed{color:var(--danger)}.bubble.failed{border-color:#ff7a8766}.bubble-failed-row{margin-top:6px;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:8px;color:var(--danger)}.bubble-failed-row button{border:1px solid rgba(255,122,135,.4);background:#ff7a8714;color:#ff9aa4;border-radius:6px;padding:3px 8px;font-size:8px;font-weight:700;cursor:pointer}.bubble-failed-row button:hover{background:#ff7a8729}.new-messages-pill{position:absolute;left:50%;bottom:14px;transform:translate(-50%);border:1px solid var(--border);background:#d7e4f8;color:#0f1620;border-radius:999px;padding:7px 13px;font-size:9px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #0000004d;z-index:5}.new-messages-pill:hover{background:#e6eefb}.chat-back{width:34px;height:34px}.workspace-select{color:#f4f7fb;background-color:#171d27}.workspace-select option{background-color:#171d27;color:#f4f7fb}.workspace-select option:checked,.workspace-select option:hover,.workspace-select option:focus{background-color:#243247;color:#fff}.onboarding-page{display:grid;gap:16px}.onboarding-loading,.onboarding-error{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.onboarding-error{color:var(--danger)}.onboarding-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px 6px}.onboarding-hero h2{margin:6px 0 7px;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}.onboarding-hero p{margin:0;color:var(--muted);max-width:720px;font-size:13px;line-height:1.6}.setup-score{min-width:132px;border:1px solid var(--border);background:linear-gradient(180deg,#141922,#10141a);border-radius:16px;padding:14px 16px;text-align:right;box-shadow:var(--shadow)}.setup-score strong{display:block;font-size:25px;letter-spacing:-.04em}.setup-score span{color:var(--muted);font-size:10px}.onboarding-alert{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,122,135,.25);background:var(--danger-bg);color:#ffadb5;border-radius:12px;padding:10px 12px;font-size:11px}.onboarding-alert span{flex:1}.setup-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setup-check{min-height:64px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:12px}.setup-check.done{border-color:#42d3922e;background:linear-gradient(180deg,#42d3920e,#42d39205)}.setup-check-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #344052;color:#6e7c90}.setup-check-icon>span{width:7px;height:7px;border-radius:50%;background:#526074}.setup-check.done .setup-check-icon{background:var(--green-bg);border-color:#42d39240;color:#7ce6b1}.setup-check strong{display:block;font-size:11px}.setup-check small{display:block;color:var(--muted-2);margin-top:2px;font-size:9px}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onboarding-card{padding:18px}.onboarding-card-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}.onboarding-card-head h3{margin:4px 0 0;font-size:16px;letter-spacing:-.02em}.onboarding-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#171d27;border:1px solid var(--border);color:#cbd4e0}.form-field{display:grid;gap:7px;margin-bottom:12px}.form-field>span{color:#9aa6b7;font-size:10px;font-weight:700}.form-field em{color:var(--muted-2);font-style:normal;font-weight:500}.form-field input,.member-add-row input,.member-add-row select{width:100%;min-height:39px;border:1px solid var(--border);border-radius:9px;background:#0c1016;color:#eef2f7;padding:0 11px;outline:none}.form-field input:focus,.member-add-row input:focus,.member-add-row select:focus{border-color:#4b5a70}.form-field input::placeholder,.member-add-row input::placeholder{color:#596679}.workspace-meta-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:10px}.workspace-meta-row code,.workspace-meta-row strong{color:#d9e0e9;font-size:10px}.connected-box{display:grid;gap:6px;border:1px solid rgba(66,211,146,.2);background:#42d3920e;border-radius:12px;padding:14px}.connected-box>strong{font-size:14px}.connected-box>span{color:#aeb9c8;font-size:11px}.connected-box>small{color:#708096;font-size:9px}.connection-state{display:flex;align-items:center;gap:7px;color:#7ce6b1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.connection-form{display:grid}.quiet-box{color:var(--muted);font-size:11px;line-height:1.6;border:1px dashed var(--border);border-radius:10px;padding:14px}.onboarding-members{grid-column:span 2}.member-list{display:grid;gap:2px;margin-bottom:12px}.member-row{min-height:50px;display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border-soft)}.member-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1a222d;border:1px solid #263140;color:#dce4ee;font-size:10px;font-weight:800}.member-row strong{display:block;font-size:11px}.member-row span{color:var(--muted-2);font-size:9px}.role-chip{border:1px solid var(--border);background:#151b24;color:#b8c3d2!important;border-radius:999px;padding:5px 8px;text-transform:uppercase;letter-spacing:.06em;font-size:8px!important;font-weight:800}.member-add-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin-top:14px}.member-add-row select{color-scheme:dark}.member-add-row option{background:#11161e;color:#f1f4f8}.card-copy{margin:-4px 0 14px;color:var(--muted);font-size:11px;line-height:1.6}.create-workspace-card{border-color:#8fb4ff29;background:linear-gradient(180deg,rgba(143,180,255,.035),var(--surface))}.onboarding-footnote{display:flex;align-items:center;gap:7px;color:var(--muted-2);font-size:9px;padding:2px}.onboarding-footnote a{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#9fbaff;text-decoration:none}@media(max-width:980px){.setup-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid{grid-template-columns:1fr}.onboarding-members{grid-column:auto}}@media(max-width:640px){.onboarding-hero{align-items:flex-start;flex-direction:column}.setup-score{width:100%;text-align:left}.setup-checklist,.member-add-row{grid-template-columns:1fr}.onboarding-card{padding:14px}}.contacts-workspace{display:flex;flex-direction:column;gap:16px}.contacts-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.contacts-hero h2{font-size:32px;margin:3px 0 5px}.contacts-hero p{margin:0;color:#8d98a8}.contacts-actions{display:flex;align-items:center;gap:10px}.contacts-notice{border:1px solid rgba(56,189,128,.25);background:#38bd8014;color:#9ee6bb;border-radius:10px;padding:10px 13px;font-size:12px}.contacts-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px;gap:10px}.contacts-search,.contacts-filter{display:flex;align-items:center;gap:9px;border:1px solid #232b37;background:#0f141b;border-radius:10px;padding:0 11px;color:#718096;min-height:42px}.contacts-search input,.contacts-filter select{width:100%;border:0!important;background:transparent!important;outline:0;color:#e8edf5;font-size:13px;padding:0!important}.contacts-search button{border:0;background:transparent;color:#718096;cursor:pointer}.contacts-filter select{cursor:pointer}.contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:500px}.contacts-table-panel{overflow:hidden}.contacts-table{width:100%;border-collapse:collapse}.contacts-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#657286;text-align:left;padding:12px 14px;border-bottom:1px solid #202732}.contacts-table td{padding:12px 14px;border-bottom:1px solid #1b222c;font-size:12px;color:#aeb8c6}.contacts-table tbody tr{cursor:pointer;transition:.15s ease}.contacts-table tbody tr:hover,.contacts-table tbody tr.selected{background:#8fb4ff0e}.contact-cell{display:flex;align-items:center;gap:10px}.contact-cell>div{display:flex;flex-direction:column;gap:2px}.contact-cell strong{color:#edf2f7}.contact-cell span{color:#758196;font-size:11px}.contact-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#17202b;border:1px solid #263142;color:#9ebdff}.source-chip{display:inline-flex;padding:4px 7px;border-radius:999px;background:#151d26;border:1px solid #25303d;color:#9ba8b9;font-size:10px}.tag-stack{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tag-stack span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#8fb4ff14;border:1px solid rgba(143,180,255,.13);color:#a9c2ff;font-size:10px}.tag-stack small{color:#657286}.contact-drawer{padding:0!important;min-height:500px}.contact-drawer-empty{height:100%;min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#667286}.contact-drawer-empty strong{color:#cfd7e2}.contact-editor{padding:18px;display:flex;flex-direction:column;gap:13px}.contact-editor-head{display:flex;justify-content:space-between;align-items:flex-start}.contact-editor-head h3{margin:3px 0 0;font-size:18px}.contact-editor-phone{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8fa1b8;font-size:11px;padding-bottom:8px;border-bottom:1px solid #202732}.contact-editor textarea{resize:vertical;min-height:110px;background:#0d1218;border:1px solid #26303d;color:#edf2f7;border-radius:9px;padding:10px;font:inherit}.contact-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.form-field em{font-style:normal;color:#5f6b7c;font-size:9px;margin-left:4px}@media(max-width:1100px){.contacts-layout{grid-template-columns:1fr}.contact-drawer{min-height:auto}.contact-drawer-empty{min-height:180px}}@media(max-width:760px){.contacts-hero{align-items:flex-start;flex-direction:column}.contacts-toolbar{grid-template-columns:1fr}.contacts-actions{width:100%;justify-content:space-between}.contacts-table th:nth-child(2),.contacts-table td:nth-child(2),.contacts-table th:nth-child(3),.contacts-table td:nth-child(3){display:none}.contacts-hero h2{font-size:26px}}.templates-page{display:flex;flex-direction:column;gap:18px}.templates-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.templates-hero h2{font-size:38px;line-height:1.05;margin:8px 0}.templates-hero p{margin:0;color:var(--muted);font-size:16px}.template-account-note{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.template-account-note strong{color:var(--text)}.template-account-note span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.template-account-note small{width:100%;color:var(--muted)}.templates-actions{display:flex;gap:10px;flex-wrap:wrap}.templates-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.templates-toolbar select{min-width:180px}.template-summary{display:flex;align-items:baseline;gap:8px}.template-summary strong{font-size:22px}.template-summary span{color:var(--muted);font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{padding:16px}.template-card-head{display:flex;align-items:center;gap:10px}.template-card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line)}.template-card-head .grow{display:flex;flex-direction:column;gap:3px}.template-card-head .grow span{font-size:12px;color:var(--muted)}.template-status{font-size:10px;font-weight:800;letter-spacing:.06em;padding:6px 8px;border-radius:999px;border:1px solid var(--line);text-transform:uppercase}.template-status.approved{color:#7de6af;border-color:#43cf8447;background:#43cf8414}.template-status.pending,.template-status.in_review{color:#f4d17d;border-color:#f4d17d40;background:#f4d17d12}.template-status.rejected,.template-status.paused,.template-status.disabled{color:#ff9a9a;border-color:#ff646440;background:#ff646412}.wa-template-preview{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;display:flex;flex-direction:column;gap:8px;min-height:150px}.wa-template-preview strong{font-size:13px}.wa-template-preview p{white-space:pre-wrap;margin:0;color:var(--text);font-size:14px;line-height:1.55}.wa-template-preview small{color:var(--muted)}.wa-template-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-top:1px solid var(--line);font-size:12px;color:#9dc0ff}.template-media-preview{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px dashed var(--line);border-radius:10px;color:#a9c3ed;background:#759ddc0d;font-size:12px}.template-rejected{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,100,100,.2);border-radius:9px;color:#ffaaa5;font-size:12px}.template-notice{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.template-notice.success{border-color:#43cf8440;background:#43cf840f;color:#9ce9bd}.template-error-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.compact{padding:8px 10px!important;font-size:12px!important}.template-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.template-modal{width:min(860px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--bg);box-shadow:0 24px 80px #00000073;padding:20px}.template-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.template-modal-head h3{margin:6px 0 0;font-size:24px}.template-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-form-grid label{display:flex;flex-direction:column;gap:7px}.template-form-grid label.full{grid-column:1/-1}.template-form-grid label>span{font-size:12px;font-weight:700;color:var(--text)}.template-form-grid label small{color:var(--muted);font-weight:500}.template-form-grid input,.template-form-grid select,.template-form-grid textarea,.templates-toolbar select{border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);padding:11px 12px;outline:none}.template-form-grid textarea{resize:vertical;min-height:120px}.template-file-picker{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-2);padding:10px 12px;overflow:hidden}.template-file-picker input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}.template-file-picker strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-preview{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:14px;display:flex;flex-direction:column;gap:8px}.template-preview p{white-space:pre-wrap;line-height:1.5;margin:0}.template-preview small{color:var(--muted)}.template-preview button{border:0;border-top:1px solid var(--line);background:transparent;color:#9dc0ff;padding:8px}.template-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);display:grid;place-items:center;cursor:pointer}@media(max-width:900px){.template-grid{grid-template-columns:1fr}.templates-hero{flex-direction:column}.templates-actions{width:100%}.templates-actions button{flex:1}.template-form-grid{grid-template-columns:1fr}.template-form-grid label.full{grid-column:auto}}@media(max-width:640px){.templates-hero h2{font-size:30px}.templates-toolbar{align-items:stretch;flex-direction:column}.templates-toolbar select{width:100%}.template-modal-backdrop{padding:8px}.template-modal{padding:14px;max-height:96vh;border-radius:14px}.template-modal-actions{position:sticky;bottom:0;background:var(--bg);padding-top:12px}}.campaigns-page{padding:30px 32px 64px}.campaigns-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.campaigns-hero h2{margin:6px 0;font-size:36px;letter-spacing:-.04em}.campaigns-hero p{margin:0;color:var(--muted);max-width:760px}.campaigns-actions{display:flex;gap:10px;flex-wrap:wrap}.campaign-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.campaign-notice.success{border-color:#2ac47d47;background:#2ac47d12}.campaign-error-stack{display:grid;gap:10px;margin-bottom:16px}.campaign-list{display:grid;gap:14px}.campaign-card{padding:18px}.campaign-card-head{display:flex;gap:12px;align-items:center}.campaign-icon{width:38px;height:38px;border:1px solid var(--line);background:var(--panel2);border-radius:11px;display:grid;place-items:center;color:#9fb9ff}.campaign-card-head .grow{flex:1}.campaign-card-head strong{display:block;font-size:16px}.campaign-card-head span:not(.campaign-status){color:var(--muted);font-size:12px}.campaign-status{text-transform:capitalize;font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2)}.campaign-status.running{color:#7fd7ff;border-color:#50bcff47;background:#50bcff14}.campaign-status.completed{color:#73e3a9;border-color:#2ac47d47;background:#2ac47d14}.campaign-status.scheduled{color:#f2ce76;border-color:#f2ce7642;background:#f2ce7612}.campaign-status.cancelled,.campaign-status.failed{color:#ff9d9d;border-color:#ff646442;background:#ff646412}.campaign-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 14px}.campaign-metrics>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.campaign-metrics span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.campaign-metrics strong{font-size:20px}.campaign-progress-row{display:flex;align-items:center;gap:10px}.campaign-progress{flex:1;height:7px;border-radius:999px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}.campaign-progress span{display:block;height:100%;background:linear-gradient(90deg,#608cff,#8aa8ff);border-radius:inherit}.campaign-progress-row small{width:36px;text-align:right;color:var(--muted)}.campaign-meta-row{margin-top:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.campaign-meta-row>span{display:flex;align-items:center;gap:6px}.text-btn{border:0;background:transparent;color:#9fb9ff;padding:0;cursor:pointer;font:inherit}.text-btn.danger{color:#ff9d9d;margin-left:auto}.campaign-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000ad;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.campaign-modal{width:min(840px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);background:#0d1218;border-radius:18px;box-shadow:0 32px 80px #00000080}.campaign-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0d1218;z-index:2}.campaign-modal-head h3{margin:5px 0 0;font-size:24px}.campaign-form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.campaign-form-grid label{display:grid;gap:7px}.campaign-form-grid label>span{color:#c9d3df;font-size:12px;font-weight:700}.campaign-form-grid input,.campaign-form-grid select{width:100%;min-height:44px;background:#0b1016;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 12px;outline:none}.campaign-form-grid input:focus,.campaign-form-grid select:focus{border-color:#678df1;box-shadow:0 0 0 3px #678df11a}.campaign-form-grid .full{grid-column:1 / -1}.campaign-audience-count{grid-column:1 / -1;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:11px!important;padding:12px 14px;border:1px solid rgba(103,141,241,.22);background:#678df10f;border-radius:12px}.campaign-audience-count strong{display:block}.campaign-audience-count span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.campaign-variables{padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffff04;grid-template-columns:1fr 1fr!important}.campaign-variables>div:first-child{grid-column:1 / -1}.campaign-variables p{color:var(--muted);font-size:12px;margin:5px 0 2px}.campaign-variables code{color:#b8c8ff;background:#111a28;border:1px solid var(--line);padding:2px 5px;border-radius:5px}.campaign-optin{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.campaign-optin input{width:16px;min-height:16px;margin-top:2px;padding:0}.campaign-optin span{font-weight:500!important;color:var(--muted)!important}.campaign-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--line)}.campaign-send-note{margin-right:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px}@media(max-width:900px){.campaigns-page{padding:22px 16px 56px}.campaigns-hero{flex-direction:column}.campaigns-actions{width:100%}.campaigns-actions button{flex:1;justify-content:center}.campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-form-grid{grid-template-columns:1fr;padding:16px}.campaign-form-grid .full,.campaign-audience-count,.campaign-variables{grid-column:auto}.campaign-variables{grid-template-columns:1fr!important}.campaign-variables>div:first-child{grid-column:auto}.campaign-modal-actions{flex-wrap:wrap}.campaign-send-note{width:100%;margin-right:0}}:root{color-scheme:dark;--bg: #0a0a0c;--sidebar: #0c0c0f;--surface: #151518;--surface-2: #1b1b20;--surface-3: #232329;--surface-hi: #2b2b32;--panel: #151518;--panel-2: #1b1b20;--panel2: #1b1b20;--line: rgba(255,255,255,.07);--border: rgba(255,255,255,.075);--border-soft: rgba(255,255,255,.055);--text: #ececee;--muted: #9c9ca4;--muted-2: #6b6b74;--red: #e8402a;--red-hi: #ff5a40;--red-dim: #b32e1c;--red-wash: rgba(232,64,42,.12);--red-line: rgba(232,64,42,.34);--ai: #8b7cf6;--ai-wash: rgba(139,124,246,.13);--green: #34c98a;--green-bg: rgba(52,201,138,.12);--blue: #5b9bff;--blue-bg: rgba(91,155,255,.12);--amber: #e5a13a;--amber-bg: rgba(229,161,58,.13);--danger: #ff8a76;--danger-bg: rgba(232,64,42,.12);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 18px 50px -32px rgba(0,0,0,.9);--shadow-lg: 0 24px 60px -24px rgba(0,0,0,.95), 0 2px 6px rgba(0,0,0,.5);--radius-sm: 9px;--radius-md: 13px;--radius-lg: 18px;--nav-w: 252px;--top-h: 62px;--ease: cubic-bezier(.22,.68,.25,1);font-family:Instrument Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red-hi);outline-offset:2px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff17;border:3px solid transparent;background-clip:content-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff2b;background-clip:content-box}.app-shell{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-w);background:linear-gradient(180deg,#111114,#0c0c0f);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50;overflow:hidden}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(520px 220px at -10% -5%,rgba(232,64,42,.13),transparent 62%)}.brand{height:auto;min-height:68px;padding:16px 16px 10px;display:flex;align-items:center;gap:11px;border:0;position:relative;z-index:2}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,#f04a2f,#c42b18);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 6px 18px -8px #e8402ae6,inset 0 1px #ffffff47}.brand-copy strong{display:block;font-size:15px;line-height:1.15;letter-spacing:-.02em}.brand-copy span{display:block;margin-top:2px;color:var(--muted-2);font-size:11.5px}.mobile-close{display:none;margin-left:auto}.sidebar-workspace{position:relative;z-index:2;margin:0 12px 8px;padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-md);min-height:48px}.workspace-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#f04a2f,#c42b18);color:#fff;font-size:10px;font-weight:700}.workspace-select-copy{min-width:0;flex:1}.workspace-select-copy>strong{display:block;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-select-copy>span{display:block;margin-top:3px;color:var(--muted-2);font-size:10.5px;text-transform:capitalize}.workspace-select-wrap{position:relative;display:flex;align-items:center}.workspace-select-wrap select{width:100%;height:23px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:var(--text);padding:0 20px 0 0;font-size:13px;font-weight:650;letter-spacing:-.01em;cursor:pointer}.workspace-select-wrap option{background:#1b1b20;color:var(--text)}.workspace-select-wrap svg{position:absolute;right:0;color:var(--muted-2);pointer-events:none}.nav{position:relative;z-index:2;flex:1;overflow-y:auto;padding:0 12px 12px;display:block}.nav-group+.nav-group{margin-top:6px}.nav-group-label{padding:12px 10px 6px;color:var(--muted-2);font-size:10.5px;letter-spacing:.02em}.nav-item{position:relative;width:100%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:550;text-align:left;transition:color .14s var(--ease),background .14s var(--ease)}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:#fff;background:#ffffff0e;box-shadow:none}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--red-hi),var(--red-dim));box-shadow:0 0 14px #e8402ac7}.nav-item.active svg{color:var(--red-hi)}.nav-live-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #34c98acc}.sidebar-foot{position:relative;z-index:2;margin-top:auto;border-top:1px solid var(--line);padding:12px;display:grid;gap:10px}.connection-pill{border:1px solid rgba(52,201,138,.22);background:linear-gradient(180deg,#34c98a17,#34c98a08);border-radius:var(--radius-md);padding:9px 10px;display:flex;align-items:center;gap:9px}.connection-pill>div{min-width:0}.connection-pill strong{display:block;color:var(--text);font-size:11.5px;font-weight:600}.connection-pill span:not(.live-dot){display:block;margin-top:1px;color:var(--muted-2);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}.profile-mini{display:flex;align-items:center;gap:9px;padding:5px 7px;color:var(--muted);border-radius:11px}.profile-mini:hover{background:#ffffff09}.profile-copy{min-width:0;flex:1}.profile-copy strong{display:block;color:var(--text);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy span{display:block;color:var(--muted-2);font-size:10px;margin-top:1px;text-transform:capitalize}.main{grid-column:2;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0e0e11;position:relative}.main:before{content:"";position:absolute;top:0;left:0;right:0;height:320px;pointer-events:none;background:radial-gradient(700px 260px at 22% -40%,rgba(232,64,42,.09),transparent 70%)}.topbar{position:relative;z-index:30;height:var(--top-h);flex:0 0 var(--top-h);padding:0 22px;border-bottom:1px solid var(--line);background:#0e0e11d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.topbar h1{margin:0;font-size:15.5px;line-height:1.15;letter-spacing:-.02em}.topbar-copy>span{color:var(--muted-2);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:7px;border:1px solid rgba(52,201,138,.24);background:var(--green-bg);color:#5fe0ac;font-size:10.5px;font-weight:650;text-transform:none;letter-spacing:0}.live-badge span{width:5px;height:5px;border-radius:50%;background:var(--green)}.content{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow:auto;padding:24px 22px 60px;max-width:1360px;margin:0 auto;width:100%}.content-inbox{overflow:hidden;padding:0;max-width:none}.mobile-bottom-nav{display:none}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);color:var(--muted);border:1px solid transparent;background:transparent;cursor:pointer;transition:.14s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--line)}.primary-btn,.secondary-btn{min-height:34px;padding:0 13px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .12s var(--ease),background .14s,border-color .14s}.primary-btn{border:1px solid #f0563c;color:#fff;background:linear-gradient(180deg,#f04a2f,#d2341e);box-shadow:0 1px #ffffff38 inset,0 8px 20px -12px #e8402af2}.primary-btn:hover{background:linear-gradient(180deg,#ff5b40,#de3a22);transform:translateY(-1px)}.secondary-btn{border:1px solid rgba(255,255,255,.12);background:var(--surface-2);color:var(--text)}.secondary-btn:hover{background:var(--surface-3);border-color:#fff3}.secondary-btn.compact{min-height:28px;padding:0 10px;font-size:11.5px}.link-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:11.5px}.link-btn:hover{color:var(--text)}.kicker,.eyebrow{color:var(--muted-2);text-transform:none;letter-spacing:.01em;font-size:11px;font-weight:600}.panel{background:linear-gradient(180deg,#ffffff06,#fff0),var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000080}.panel-head{padding:16px 18px 14px;min-height:auto;border-bottom:1px solid var(--line)}.panel-head h3{margin:3px 0 0;font-size:14px;letter-spacing:-.015em}.status-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-size:10.5px;font-weight:600;text-transform:capitalize;letter-spacing:0}.status-chip.live-status{color:#5fe0ac;background:var(--green-bg);border-color:#34c98a40}.avatar{background:linear-gradient(145deg,#303039,#202026);border:1px solid rgba(255,255,255,.11);color:#fff}.avatar.small{width:30px;height:30px}.unread-badge{background:var(--red);color:#fff;min-width:18px;height:18px;font-size:9.5px}.overview-page{display:flex;flex-direction:column;gap:14px}.phase7-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:5px;flex-wrap:wrap}.phase7-page-head h2{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.03em;font-weight:650}.phase7-page-head p{margin:5px 0 0;color:var(--muted-2);font-size:13px;max-width:70ch}.phase7-page-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.overview-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px}.conversation-pulse-card{padding:18px 20px 14px;min-height:250px;overflow:hidden}.pulse-card-head{display:flex;gap:18px;align-items:flex-start}.pulse-number-row{margin-top:8px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pulse-number-row strong{font-size:38px;line-height:1;letter-spacing:-.045em}.pulse-number-row span{color:var(--muted-2);font-size:11.5px}.pulse-legend{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}.pulse-legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.pulse-legend i{width:7px;height:7px;border-radius:3px}.pulse-legend i.ai{background:var(--ai)}.pulse-legend i.human{background:var(--red)}.pulse-bars{height:110px;margin:20px 0 12px;padding-top:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:end;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%)}.pulse-bar-slot{height:100%;display:flex;align-items:flex-end;justify-content:center}.pulse-bar-slot i{display:block;width:min(24px,65%);min-height:10px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--ai),rgba(139,124,246,.32));box-shadow:0 0 18px -9px #8b7cf6e6}.pulse-card-foot{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:10.5px}.pulse-card-foot .link-btn{margin-left:auto}.workspace-health-card{overflow:hidden}.phase7-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-list{padding:4px 18px 10px}.health-list>div{min-height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.health-list>div:last-child{border-bottom:0}.health-list>div>span:nth-child(2){flex:1;min-width:0}.health-list strong{display:block;font-size:12px;font-weight:600}.health-list small{display:block;margin-top:2px;color:var(--muted-2);font-size:10.5px}.health-list b{color:var(--muted);font-size:10.5px;font-weight:600}.health-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2)}.health-icon.ok{color:#5fe0ac;background:var(--green-bg);border-color:#34c98a33}.health-icon.ai{color:#b0a4ff;background:var(--ai-wash);border-color:#8b7cf638}.health-icon.red{color:#ff8a76;background:var(--red-wash);border-color:var(--red-line)}.overview-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.overview-stat{min-height:118px;padding:15px 18px;border-right:1px solid var(--line);position:relative}.overview-stat:last-child{border-right:0}.overview-stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;position:absolute;top:15px;right:16px}.overview-stat-icon.red{color:#ff8a76;background:var(--red-wash)}.overview-stat-icon.ai{color:#b0a4ff;background:var(--ai-wash)}.overview-stat-icon.blue{color:#8fbaff;background:var(--blue-bg)}.overview-stat-icon.green{color:#5fe0ac;background:var(--green-bg)}.overview-stat>span{color:var(--muted);font-size:11.5px}.overview-stat>strong{display:block;margin-top:11px;font-size:26px;line-height:1;letter-spacing:-.04em}.overview-stat>small{display:block;margin-top:6px;color:var(--muted-2);font-size:10.5px}.overview-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px}.phase7-attention-list{padding:4px 14px 9px}.phase7-attention-list .attention-row{padding:11px 6px}.phase7-attention-list .row-title strong{font-size:12px}.phase7-attention-list .attention-row p{font-size:11.5px}.mini-ai-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:6px;color:#b0a4ff;background:var(--ai-wash);border:1px solid rgba(139,124,246,.2);font-size:9.5px;font-weight:650;white-space:nowrap}.quick-actions-card{overflow:hidden}.quick-actions-list{padding:6px 14px 12px}.quick-actions-list button{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer;text-align:left}.quick-actions-list button:last-child{border-bottom:0}.quick-actions-list button:hover{color:#fff}.quick-actions-list button>span:nth-child(2){flex:1}.quick-actions-list strong{display:block;font-size:12px}.quick-actions-list small{display:block;margin-top:2px;color:var(--muted-2);font-size:10.5px}.quick-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.quick-icon.red{color:#ff8a76;background:var(--red-wash)}.quick-icon.green{color:#5fe0ac;background:var(--green-bg)}.inbox-layout{height:100%;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr) 300px;overflow:hidden;background:var(--surface)}.conversation-list{min-width:0;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}.conversation-toolbar{padding:12px 12px 10px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.search-box{height:34px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--muted-2);padding:0 10px}.search-box input{color:var(--text);font-size:12.5px}.search-box input::placeholder{color:var(--muted-2)}.inbox-filters{padding:8px 12px;gap:4px;border-bottom:1px solid var(--line)}.filter{color:var(--muted-2);border-radius:7px;padding:5px 9px;font-size:10.5px}.filter.active{color:#fff;background:var(--surface-3);border-color:var(--line)}.conversation-scroll{flex:1;min-height:0;overflow-y:auto}.conversation-item{min-height:80px;padding:11px 13px;gap:10px;border-bottom:1px solid var(--line);transition:background .12s;position:relative}.conversation-item:hover{background:#ffffff07}.conversation-item.selected{background:#e8402a14}.conversation-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--red)}.conversation-item .row-title strong{font-size:12.5px}.conversation-item .row-title span{color:var(--muted-2);font-size:10px}.conversation-phone{margin:2px 0 0!important;color:var(--muted-2)!important;font-size:10px!important;font-family:IBM Plex Mono,ui-monospace,monospace}.conversation-meta-row{display:flex;align-items:center;gap:6px;min-width:0}.conversation-meta-row .conversation-phone{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-ai-badge{display:inline-flex;align-items:center;gap:3px;color:#b0a4ff;font-size:9px;font-weight:650}.conversation-preview{margin-top:4px!important;color:var(--muted)!important;font-size:11.5px!important}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#0e0e11;position:relative}.chat-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}.chat-head{position:relative;z-index:3;min-height:58px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#151518c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-title-copy strong{display:block;font-size:13.5px}.chat-title-copy span{display:block;margin-top:1px;color:var(--muted-2);font-size:10.5px;font-family:IBM Plex Mono,ui-monospace,monospace}.chat-head-state{margin-left:auto;display:flex;align-items:center;gap:7px}.ai-pill{min-height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--red-line);background:var(--red-wash);color:#ff9a87;font-size:10.5px;font-weight:600}.ai-pill.enabled{color:#c2baff;border-color:#8b7cf64d;background:var(--ai-wash)}.chat-body-wrap{position:relative;z-index:1;flex:1;min-height:0}.chat-body{padding:20px 22px 10px}.day-label{display:flex;align-items:center;justify-content:center;width:fit-content;margin:7px auto 13px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:#0e0e11d1;color:var(--muted-2);font-size:9.5px}.bubble-row{margin:6px 0}.bubble{max-width:min(560px,72%);padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);box-shadow:0 1px 2px #00000073}.bubble-row:not(.mine) .bubble{border-bottom-left-radius:5px}.bubble.mine{background:linear-gradient(160deg,#3a1712,#2a1110);border-color:#e8402a57;color:#f6e7e3;border-bottom-right-radius:5px}.bubble.mine.ai-message{background:linear-gradient(160deg,#211c3c,#191630);border-color:#8b7cf657;color:#e9e6fa}.bubble p{margin:0;font-size:13px;line-height:1.55}.bubble-meta{color:var(--muted-2);font-size:9.5px}.bubble-source{color:#b0a4ff;font-size:9.5px;font-weight:650}.ai-state-banner{position:relative;z-index:3;min-height:44px;padding:8px 14px;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(139,124,246,.2);background:linear-gradient(90deg,#8b7cf61f,#8b7cf608)}.ai-state-banner.human{border-top-color:var(--red-line);background:linear-gradient(90deg,#e8402a1f,#e8402a08)}.ai-state-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;color:#b0a4ff;background:var(--ai-wash)}.ai-state-banner.human .ai-state-icon{color:#ff8a76;background:var(--red-wash)}.ai-state-banner>div{flex:1;min-width:0}.ai-state-banner strong{display:block;font-size:10.5px}.ai-state-banner>div span{display:block;margin-top:1px;color:var(--muted-2);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-wrap{position:relative;z-index:3;padding:10px 14px 12px;border-top:1px solid var(--line);background:#151518c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer{display:flex;align-items:flex-end;gap:8px;padding:7px 8px 7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:var(--surface-2);transition:border-color .14s,box-shadow .14s}.composer:focus-within{border-color:#e8402a80;box-shadow:0 0 0 3px #e8402a1c}.composer textarea{flex:1;min-height:22px;max-height:120px;padding:4px 0;border:0;outline:0;resize:none;background:transparent;color:var(--text);font-size:12.5px;line-height:1.45}.send-btn{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:0;border-radius:9px;color:#fff;background:linear-gradient(180deg,#f04a2f,#ce3218);cursor:pointer}.send-btn:disabled{opacity:.45;cursor:not-allowed}.composer-hint{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted-2);font-size:9.5px}.details-panel{border-left:1px solid var(--line);background:var(--surface);padding:18px 16px}.details-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#34343e,#222228);border:1px solid rgba(255,255,255,.12)}.details-panel h3{font-size:14px;margin-top:9px}.details-panel>p{color:var(--muted-2);font-size:10.5px;font-family:IBM Plex Mono,ui-monospace,monospace}.detail-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-block{border-bottom:1px solid var(--line)}.detail-label{color:var(--muted-2)}.detail-ai-toggle{background:var(--surface-2);border-color:var(--line)}.tags span{background:var(--surface-3);border-color:var(--line);color:var(--muted)}.contacts-workspace,.templates-page,.onboarding-page{gap:14px!important}.contacts-hero,.templates-hero,.onboarding-hero,.campaigns-hero{margin:0!important;padding:0!important;align-items:flex-end!important}.contacts-hero h2,.templates-hero h2,.onboarding-hero h2,.campaigns-hero h2{margin:0 0 5px!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.03em!important}.contacts-hero p,.templates-hero p,.onboarding-hero p,.campaigns-hero p{color:var(--muted-2)!important;font-size:12.5px!important}.contacts-toolbar,.templates-toolbar{border-color:var(--line)!important;background:var(--surface)!important;border-radius:var(--radius-md)!important}.contacts-search,.contacts-filter{min-height:36px!important;border-color:#ffffff1f!important;background:var(--surface-2)!important;border-radius:var(--radius-sm)!important}.contacts-search input,.contacts-filter select{font-size:12px!important}.contacts-layout{gap:14px!important}.contacts-table-panel,.contact-drawer{border-radius:var(--radius-lg)!important}.contacts-table th{background:#ffffff04;color:var(--muted-2)!important;border-color:var(--line)!important;text-transform:none!important;letter-spacing:0!important;font-size:10.5px!important;font-weight:600}.contacts-table td{border-color:var(--line)!important;color:var(--muted)!important}.contacts-table tbody tr:hover,.contacts-table tbody tr.selected{background:#e8402a0e!important}.contact-avatar{background:var(--surface-2)!important;border-color:var(--line)!important;color:#b0a4ff!important}.source-chip,.tag-stack span{border-radius:6px!important}.source-chip{background:var(--surface-3)!important;border-color:var(--line)!important;color:var(--muted)!important}.tag-stack span{background:var(--ai-wash)!important;border-color:#8b7cf633!important;color:#b0a4ff!important}.contact-editor textarea,.contact-editor input,.contact-editor select{background:var(--surface-2)!important;border-color:#ffffff1f!important}.campaigns-page{padding:0!important}.campaigns-hero{margin-bottom:4px!important}.campaign-list{gap:12px!important}.campaign-card{padding:16px!important;border-radius:var(--radius-lg)!important}.campaign-icon{width:34px!important;height:34px!important;border-radius:9px!important;border-color:var(--line)!important;background:var(--surface-2)!important;color:#ff8a76!important}.campaign-card-head strong{font-size:13.5px!important}.campaign-card-head span:not(.campaign-status){color:var(--muted-2)!important;font-size:10.5px!important}.campaign-status{border-radius:6px!important;text-transform:capitalize!important;letter-spacing:0!important;font-size:10px!important}.campaign-metrics{margin:14px 0 12px!important;gap:7px!important}.campaign-metrics>div{padding:10px!important;border-color:var(--line)!important;border-radius:9px!important;background:var(--surface-2)!important}.campaign-metrics span{color:var(--muted-2)!important;font-size:10px!important}.campaign-metrics strong{font-size:17px!important}.campaign-progress{background:var(--surface-3)!important;border-color:var(--line)!important}.campaign-progress span{background:linear-gradient(90deg,var(--red-dim),var(--red-hi))!important}.campaign-modal{background:var(--surface)!important;border-color:#ffffff1f!important;border-radius:20px!important;box-shadow:var(--shadow-lg)!important}.campaign-modal-head{background:var(--surface)!important;border-color:var(--line)!important}.campaign-form-grid input,.campaign-form-grid select{background:var(--surface-2)!important;border-color:#ffffff1f!important}.template-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:12px!important}.template-card{padding:15px!important;border-radius:var(--radius-lg)!important;transition:transform .16s var(--ease),border-color .16s}.template-card:hover{transform:translateY(-2px);border-color:#ffffff1f}.template-card-icon{background:var(--surface-2)!important;border-color:var(--line)!important}.wa-template-preview{background:var(--surface-2)!important;border-color:var(--line)!important;border-radius:var(--radius-md)!important}.template-account-note span,.template-status{border-radius:6px!important}.template-modal{background:var(--surface)!important;border-color:#ffffff1f!important;box-shadow:var(--shadow-lg)!important}.template-form-grid input,.template-form-grid select,.template-form-grid textarea,.templates-toolbar select{background:var(--surface-2)!important;border-color:#ffffff1f!important}.onboarding-hero{padding-bottom:0!important}.setup-score{background:var(--surface)!important;border-color:var(--line)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}.setup-check{background:var(--surface)!important;border-color:var(--line)!important;border-radius:var(--radius-md)!important}.onboarding-card{padding:16px!important;border-radius:var(--radius-lg)!important}.onboarding-icon{background:var(--surface-2)!important;border-color:var(--line)!important}.form-field input,.member-add-row input,.member-add-row select{background:var(--surface-2)!important;border-color:#ffffff1f!important}.connected-box{background:var(--green-bg)!important;border-color:#34c98a38!important}.member-row{border-color:var(--line)!important}.role-chip{border-radius:6px!important;background:var(--surface-3)!important;border-color:var(--line)!important}.agent-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#7c6bf0,#4b3fae);border:0;box-shadow:0 10px 30px -12px #7c6bf0f2,inset 0 1px #ffffff40}.field-grid{gap:14px!important}.field-grid label>span{color:var(--muted)!important;font-size:11px!important}.field-grid input,.field-grid textarea,.field-grid select{background:var(--surface-2)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:var(--radius-sm)!important;color:var(--text)!important}.field-grid input:focus,.field-grid textarea:focus,.field-grid select:focus{border-color:#e8402a8c!important;box-shadow:0 0 0 3px #e8402a21}.table-wrap table th{color:var(--muted-2);background:#ffffff04;border-color:var(--line);text-transform:none;letter-spacing:0}.table-wrap table td{border-color:var(--line)}.automations-page{display:flex;flex-direction:column;gap:14px}.automation-summary{min-height:68px;padding:13px 16px;display:flex;align-items:center;gap:14px}.automation-summary>div{flex:1;display:flex;align-items:center;gap:10px}.automation-summary strong{display:block;font-size:12.5px}.automation-summary small{display:block;margin-top:2px;color:var(--muted-2);font-size:10.5px}.automation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.automation-card{min-height:240px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.automation-card.available:after{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.7}.automation-card.planned{border-style:dashed;opacity:.78}.automation-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.automation-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}.automation-icon.available{color:#b0a4ff;background:var(--ai-wash);border-color:#8b7cf633}.automation-icon.planned{color:var(--muted)}.automation-card h3{margin:2px 0 0;font-size:13.5px;letter-spacing:-.015em}.automation-card p{margin:0;color:var(--muted-2);font-size:11.5px;line-height:1.55}.automation-flow{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:10px 0 2px;margin-top:auto;border-top:1px solid var(--line)}.automation-flow span{display:flex;align-items:center;gap:5px}.automation-flow i{font-style:normal;padding:3px 7px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:9.5px}.automation-card>.secondary-btn{align-self:flex-start;margin-top:7px}.automation-coming{margin-top:7px;color:var(--muted-2);font-size:9.5px}.backdrop{background:#060608b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}input::placeholder,textarea::placeholder{color:var(--muted-2)}@media(max-width:1240px){.overview-hero-grid{grid-template-columns:1fr}.details-panel{display:none}.inbox-layout{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:1020px){.overview-lower-grid{grid-template-columns:1fr}.overview-stat-strip{grid-template-columns:repeat(2,1fr)}.overview-stat:nth-child(2){border-right:0}.overview-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.setup-checklist{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:860px){:root{--top-h:56px}.app-shell{display:block}.sidebar{transform:translate(-100%);transition:transform .26s var(--ease);box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:none}.mobile-close{display:grid}.main{grid-column:auto;padding-bottom:64px}.topbar{padding:0 14px}.topbar-copy>span{max-width:55vw}.desktop-only{display:none}.content{padding:18px 14px 28px}.content-inbox{padding:0}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;min-height:64px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e0e11f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav button{border:0;background:transparent;color:var(--muted-2);display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border-radius:9px;font-size:9.5px;font-weight:600}.mobile-bottom-nav button.active{color:#fff}.mobile-bottom-nav button.active svg{color:var(--red-hi)}.phase7-page-head{align-items:flex-start;flex-direction:column}.phase7-page-actions{width:100%;margin-left:0}.phase7-page-actions>button{flex:1}.inbox-layout{display:block;position:relative;height:100%}.conversation-list{position:absolute;top:0;right:0;bottom:0;left:0;border-right:0;transition:transform .26s var(--ease)}.chat-panel{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);transition:transform .26s var(--ease)}.inbox-layout.show-chat .conversation-list{transform:translate(-100%)}.inbox-layout.show-chat .chat-panel{transform:none}.chat-back{display:grid!important}.bubble{max-width:86%}.chat-head-state .status-chip{display:none}.ai-state-banner>div span{white-space:normal}.composer-hint span:first-child{display:none}.campaigns-page{padding:0!important}.campaigns-hero,.contacts-hero,.templates-hero,.onboarding-hero{flex-direction:column!important;align-items:flex-start!important}.campaigns-actions,.contacts-actions,.templates-actions{width:100%}}@media(max-width:620px){.overview-stat-strip{grid-template-columns:1fr}.overview-stat{border-right:0;border-bottom:1px solid var(--line)}.overview-stat:last-child{border-bottom:0}.pulse-card-head{flex-direction:column}.pulse-legend{margin-left:0}.pulse-bars{gap:5px}.conversation-pulse-card{padding:16px}.automation-grid{grid-template-columns:1fr}.automation-summary{align-items:flex-start;flex-direction:column}.setup-checklist{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-menu,.mobile-close{display:none!important}.field-grid>label{min-width:0}.field-grid input,.field-grid textarea,.field-grid select{width:100%!important;display:block}.field-grid textarea{min-height:108px;padding:10px 12px;resize:vertical;font-size:12.5px;line-height:1.5}.field-grid input,.field-grid select{min-height:38px;padding:0 11px}@media(max-width:860px){.mobile-menu,.mobile-close{display:grid!important}.field-grid{grid-template-columns:1fr!important}.field-grid .full{grid-column:auto!important}}