:root,:root[data-theme=dark]{--accent: #00a884;--accent-2: #008f6f;--accent-ink: #04231c;--accent-soft: rgba(0, 168, 132, .16);--grad-accent: #00a884;--grad-accent-135: #00a884;--bg: #0b141a;--bg-deep: #090d10;--bg-side: #111b21;--bg-main: #0b141a;--bg-elev: #202c33;--bg-card: #161f25;--bg-rail: #161f25;--bg-bubble-in: #202c33;--bg-bubble-out: #005c4b;--bg-hover: #202c33;--bg-active: #2a3942;--bg-input: #2a3942;--bg-pill: #202c33;--bg-pane-header: #202c33;--border: #222d34;--border-soft: rgba(134, 150, 160, .12);--text: #e9edef;--text-secondary: #d1d7db;--text-muted: #8696a0;--text-inverse: #ffffff;--bubble-out-text: #e9edef;--bubble-out-meta: #8aa6a0;--icon: #aebac1;--online: #00a884;--read-blue: #53bdeb;--danger: #f15c6d;--warn: #f0b232;--radius: 12px;--radius-sm: 9px;--radius-lg: 14px;--radius-pill: 18px;--shadow: 0 2px 5px rgba(11, 20, 26, .4), 0 2px 10px rgba(11, 20, 26, .16);--shadow-card: 0 1px 2px rgba(0, 0, 0, .25);--shadow-float: 0 30px 70px rgba(0, 0, 0, .5);--scrollbar: rgba(134, 150, 160, .4);--scrollbar-hover: rgba(134, 150, 160, .6);--doodle-opacity: .05;--doodle-filter: invert(1) brightness(1.5);--app-bg: radial-gradient(1300px 700px at 25% -5%, #16242b 0%, #0c1216 55%, #090d10 100%);--font-stack: "Segoe UI", "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Ubuntu, Tahoma, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:root[data-theme=light]{--accent: #008069;--accent-2: #017561;--accent-ink: #ffffff;--accent-soft: rgba(0, 128, 105, .12);--grad-accent: #008069;--grad-accent-135: #008069;--bg: #f0f2f5;--bg-deep: #e3e7ea;--bg-side: #ffffff;--bg-main: #eae6df;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-rail: #f7f9fa;--bg-bubble-in: #ffffff;--bg-bubble-out: #d9fdd3;--bg-hover: #f5f6f6;--bg-active: #f0f2f5;--bg-input: #ffffff;--bg-pill: #eef1f3;--bg-pane-header: #f0f2f5;--border: #e9edef;--border-soft: #eaeef0;--text: #111b21;--text-secondary: #3b4a54;--text-muted: #667781;--text-inverse: #ffffff;--bubble-out-text: #111b21;--bubble-out-meta: #667781;--icon: #54656f;--online: #00a884;--read-blue: #53bdeb;--danger: #d93025;--warn: #b88517;--shadow: 0 2px 5px rgba(11, 20, 26, .06), 0 1px 4px rgba(11, 20, 26, .04);--shadow-card: 0 1px 2px rgba(11, 20, 26, .08);--shadow-float: 0 20px 50px rgba(11, 20, 26, .18);--scrollbar: rgba(0, 0, 0, .2);--scrollbar-hover: rgba(0, 0, 0, .32);--doodle-opacity: .06;--doodle-filter: none;--app-bg: linear-gradient(180deg, #f0f2f5 0%, #e9edf0 100%)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-stack);font-size:14.2px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--grad-accent);color:var(--accent-ink);border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font:700 14px var(--font-stack);box-shadow:none;transition:filter .12s ease,opacity .12s ease,background .12s ease}button:hover:not(:disabled){filter:brightness(.94)}button:active:not(:disabled){filter:brightness(.88)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border-soft);box-shadow:none;font-weight:500}button.ghost:hover:not(:disabled){background:var(--bg-hover);filter:none}button.danger{background:var(--danger);color:#fff;box-shadow:none}button.danger:hover:not(:disabled){background:#c0392b}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border-soft);border-radius:10px;padding:10px 13px;font:14.5px var(--font-stack);width:100%;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.container{max-width:1400px;margin:0 auto;padding:16px 24px}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--grad-accent);color:#fff;box-shadow:none;flex-shrink:0}.brand-name{font-weight:800;letter-spacing:-.5px}.brand-name .sub{font-weight:500;color:var(--text-muted)}.row{display:flex;gap:10px;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}h1{margin:0 0 14px;font-size:22px;font-weight:500;color:var(--text)}h2{margin:0 0 10px;font-size:17px;font-weight:500;color:var(--text)}label{font-size:13px;color:var(--text-muted);display:block;margin-bottom:4px}.muted{color:var(--text-muted);font-size:13px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--bg-active);color:var(--text)}.badge.connected{background:#25d3662e;color:var(--online)}.badge.qr{background:#ffd2792e;color:var(--warn)}.badge.disconnected,.badge.logged_out,.badge.danger{background:#f15c6d2e;color:var(--danger)}.nav{display:flex;gap:18px;padding:12px 24px;border-bottom:1px solid var(--border-soft);align-items:center;background:var(--bg-side)}.nav .spacer{flex:1}.nav b{font-weight:600;color:var(--text)}.nav a{color:var(--text-secondary)}code{background:#8696a026;padding:2px 6px;border-radius:4px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}pre{background:#8696a01a;padding:14px;border-radius:var(--radius-sm);overflow:auto;font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.chat-app{display:grid;grid-template-columns:30% 70%;height:100%;background:var(--bg-main);border-radius:0;overflow:hidden}@media (min-width: 1600px){.chat-app{grid-template-columns:420px 1fr}}.sidebar{display:flex;flex-direction:column;background:var(--bg-side);border-right:1px solid var(--border-soft);overflow:hidden;position:relative}.sidebar-header{padding:10px 16px;display:flex;align-items:center;gap:10px;background:var(--bg-pane-header);min-height:60px}.sidebar-header .actions{margin-left:auto;display:flex;gap:4px}.search-input-wrap{position:relative;display:flex;align-items:center;padding:8px 12px;background:var(--bg-side);border-bottom:1px solid var(--border-soft);gap:6px}.search-input-wrap .icon-btn{width:36px;height:36px}.search-input-icon{position:absolute;left:26px;color:var(--icon);display:inline-flex;align-items:center;pointer-events:none}.search-input-wrap input.search-input,.search-input{flex:1;background:var(--bg-pill);border-radius:var(--radius-sm);border:1px solid transparent;padding:9px 14px 9px 44px;font-size:14.5px;color:var(--text);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:transparent;outline:none}.search-overlay{position:absolute;top:116px;left:0;right:0;bottom:0;overflow-y:auto;background:var(--bg-side);z-index:5}.search-section-title{padding:14px 18px 8px;font-size:13px;color:var(--accent);font-weight:500;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--border-soft);background:var(--bg-side)}.search-section-empty{padding:24px 18px;font-size:13px;color:var(--text-muted);text-align:center}.search-overlay mark,.chat-row-preview mark,.chat-row-name mark{background:transparent;color:var(--accent);font-weight:500;padding:0;border-radius:2px}.chat-list{flex:1;overflow-y:auto}.chat-row{display:flex;align-items:center;padding:10px 14px;gap:14px;cursor:pointer;border-bottom:1px solid var(--border-soft);transition:background 80ms ease}.chat-row:hover{background:var(--bg-hover)}.chat-row.active{background:var(--bg-active)}.chat-row.archived{opacity:.6}.avatar{width:49px;height:49px;border-radius:50%;background:var(--bg-active);display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;color:var(--icon);overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:200px;height:200px;font-size:80px}.avatar.avatar-initials{color:#fff;font-weight:700;letter-spacing:.3px}.avatar.avatar-initials span{line-height:1}.avatar.avatar-fallback{color:#fff}.chat-row-body{flex:1;min-width:0;border-top:1px solid transparent;padding-top:0}.chat-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.chat-row-name{font-weight:600;font-size:15.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.chat-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}.chat-row-preview{font-size:14px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-row-icons{display:inline-flex;gap:4px;font-size:13px;color:var(--text-muted)}.unread-pill{background:var(--accent);color:var(--accent-ink);border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.main-pane{display:flex;flex-direction:column;background:var(--bg-main);position:relative;overflow:hidden}.main-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'><g fill='%23000' fill-opacity='1'><path transform='translate(30 50) rotate(-15)' d='M12 21s-7-4.5-7-10a4 4 0 0 1 7-2 4 4 0 0 1 7 2c0 5.5-7 10-7 10z'/><path transform='translate(120 90) rotate(20) scale(1.1)' d='M3 21c0-9 6-15 18-15-3 9-9 15-18 15z'/><path transform='translate(250 40)' d='M12 2l2.5 6.5L21 9l-5 4.5L17.5 20 12 16.5 6.5 20 8 13.5 3 9l6.5-.5z'/><path transform='translate(330 130) rotate(35)' d='M2 12l20-8-3 9 3 7z'/><circle transform='translate(60 200)' cx='10' cy='10' r='10'/><path transform='translate(60 200) translate(0 0)' d='M14 18h-8M16 14a2 2 0 1 0-4 0M8 14a2 2 0 1 0-4 0' stroke='white' stroke-width='1.5' fill='none'/><path transform='translate(180 250) rotate(-10) scale(1.2)' d='M12 4l4 4h-3v6h-2V8H8z'/><path transform='translate(280 290)' d='M6 8h12l-2 12H8z M9 8V6a3 3 0 0 1 6 0v2'/><path transform='translate(20 320) rotate(10)' d='M12 21s-7-4.5-7-10a4 4 0 0 1 7-2 4 4 0 0 1 7 2c0 5.5-7 10-7 10z'/><path transform='translate(200 360) scale(0.9)' d='M12 2c-5 0-9 4-9 9 0 4 2 7 5 8l-1 4 4-3c.3 0 .7.1 1 .1 5 0 9-4 9-9s-4-9-9-9z'/><path transform='translate(340 380) rotate(-25)' d='M3 21c0-9 6-15 18-15-3 9-9 15-18 15z'/><path transform='translate(140 380) scale(0.8)' d='M12 2l2.5 6.5L21 9l-5 4.5L17.5 20 12 16.5 6.5 20 8 13.5 3 9l6.5-.5z'/><circle transform='translate(370 220)' cx='10' cy='10' r='8'/><path transform='translate(80 130) rotate(45)' d='M2 12l20-8-3 9 3 7z' opacity='0.8'/></g></svg>");background-size:400px 400px;background-repeat:repeat;pointer-events:none;opacity:var(--doodle-opacity);filter:var(--doodle-filter);z-index:0}.main-pane>*{position:relative;z-index:1}.main-pane.empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;padding:40px;text-align:center;border-top:6px solid var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.pane-header{padding:10px 16px;display:flex;align-items:center;gap:14px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-soft);min-height:60px}.pane-header-info{flex:1;min-width:0;cursor:pointer}.pane-header-name{font-weight:400;font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-header-status{font-size:13px;color:var(--text-muted)}.pane-header-actions{display:flex;gap:4px}.message-list{flex:1;overflow-y:auto;padding:12px 6%;background:transparent}.bubble-row{display:flex;margin-top:12px;position:relative;padding:0 6px}.bubble-row.me{justify-content:flex-end}.bubble-row.them{justify-content:flex-start}.bubble-row.grouped{margin-top:3px}.bubble.no-tail.me{border-top-right-radius:7.5px}.bubble.no-tail.them{border-top-left-radius:7.5px}.bubble-text{word-break:break-word;white-space:pre-wrap}.msg-link{color:var(--accent);text-decoration:none;word-break:break-all}.msg-link:hover{text-decoration:underline}button.msg-phone{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--accent)}.phone-menu .phone-menu-head{padding:8px 24px 6px;border-bottom:1px solid var(--border-soft);margin-bottom:4px}.phone-menu .phone-menu-number{font-weight:600;font-size:14px}.phone-menu .phone-menu-status{font-size:12px;color:var(--text-muted);margin-top:1px}.phone-menu .phone-menu-link{display:block;width:100%;padding:10px 24px;color:var(--text);text-decoration:none;font-size:14.5px}.phone-menu .phone-menu-link:hover{background:var(--bg-hover)}.phone-menu button:disabled{opacity:.45;cursor:default}.phone-menu button:disabled:hover{background:transparent}.image-editor{width:560px;max-width:94vw;max-height:92vh;background:var(--bg-elev);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.ie-toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-soft)}.ie-tool{width:34px;height:34px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:16px}.ie-tool:hover{background:var(--bg-hover)}.ie-tool.active{background:var(--bg-hover);box-shadow:inset 0 0 0 2px var(--accent)}.ie-colors{display:flex;gap:4px;margin-left:6px}.ie-color{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.ie-color.active{border-color:var(--accent)}.ie-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#0b0e11;overflow:auto;padding:10px}.ie-canvas{max-width:100%;max-height:60vh;cursor:crosshair;border-radius:4px}.ie-bottom{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border-soft)}.ie-caption{flex:1;padding:9px 12px;border-radius:20px;border:1px solid var(--border-soft);background:var(--bg);color:var(--text)}.ie-send{width:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:16px}.ie-send:disabled{opacity:.5;cursor:default}.reactions-clickable{cursor:pointer}.react-detail-menu{min-width:160px;max-height:200px;overflow-y:auto;padding:6px 0}.react-detail-head{padding:4px 16px 6px;font-size:12px;color:var(--text-muted)}.react-detail-row{display:flex;align-items:center;gap:10px;padding:5px 16px;font-size:14px}.view-once-badge{font-size:12px;color:var(--text-muted);margin-bottom:3px}.block-btn.blocked{color:var(--accent)}.block-btn:not(.blocked){color:var(--danger)}.gallery-modal{width:460px;max-width:94vw;height:70vh;display:flex;flex-direction:column}.gallery-tabs{display:flex;border-bottom:1px solid var(--border-soft)}.gallery-tab{flex:1;padding:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13.5px;border-bottom:2px solid transparent}.gallery-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.gallery-body{flex:1;overflow-y:auto;padding:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gallery-cell{aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--bg-hover)}.gallery-link{padding:6px 0;border-bottom:1px solid var(--border-soft);word-break:break-all}.gallery-doc{margin-bottom:8px}.sticker-picker{position:absolute;bottom:64px;left:8px;width:320px;max-width:calc(100% - 16px);height:300px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow);z-index:30;display:flex;flex-direction:column;overflow:hidden}.sticker-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;color:var(--text-muted)}.sticker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 10px 10px}.sticker-cell{padding:4px;border:none;background:none;cursor:pointer;border-radius:8px}.sticker-cell:hover{background:var(--bg-hover)}.quoted-pill{display:flex;align-items:center;gap:8px}.quoted-pill-thumb{width:38px;height:38px;border-radius:4px;object-fit:cover;flex-shrink:0}.pinned-banner{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft);cursor:pointer}.pinned-banner:hover{background:var(--bg-hover)}.pinned-banner-icon{font-size:13px}.pinned-banner-text{flex:1;min-width:0;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-picker{position:absolute;bottom:64px;left:8px;right:8px;max-width:460px;height:340px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow);z-index:30;display:flex;flex-direction:column;overflow:hidden}.gif-picker-head{display:flex;gap:6px;padding:8px}.gif-search{flex:1;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--bg);color:var(--text)}.gif-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 8px 8px}.gif-cell{padding:0;border:none;background:var(--bg-hover);border-radius:6px;overflow:hidden;cursor:pointer;aspect-ratio:1}.gif-cell img{width:100%;height:100%;object-fit:cover;display:block}.gif-attribution{font-size:10px;color:var(--text-muted);text-align:center;padding:4px}.disappearing-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.disappearing-opt{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:transparent;color:var(--text);cursor:pointer;font-size:13px}.disappearing-opt.active{border-color:var(--accent);color:var(--accent);background:#00a8841a}.msg-info-head{font-size:12px;font-weight:600;color:var(--text-muted);margin:8px 0 4px}.msg-info-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2px 0}.retry-btn{background:none;border:none;color:var(--danger, #ff6b6b);font-size:11.5px;font-weight:600;cursor:pointer;padding:0 4px}.retry-btn:hover{text-decoration:underline}.starred-row{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-soft);color:var(--text);padding:10px 14px;cursor:pointer}.starred-row:hover{background:var(--bg-hover)}.starred-row-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}.starred-chat{font-weight:600;font-size:13.5px;color:var(--accent)}.starred-time{font-size:11.5px;color:var(--text-muted)}.starred-preview{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-divider{display:flex;justify-content:center;margin:8px 0}.unread-divider span{background:var(--bg-elev);color:var(--text-muted);font-size:12px;padding:4px 14px;border-radius:12px;box-shadow:var(--shadow)}.scroll-bottom-btn{position:relative}.scroll-bottom-badge{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31c552;margin-right:5px;vertical-align:middle}.msg-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#0000002e;padding:0 3px;border-radius:3px}.msg-mention{background:none;border:none;padding:0;font:inherit;font-weight:600;cursor:pointer;color:var(--accent)}.msg-mention:hover{text-decoration:underline}.bubble-text.jumbo{font-size:2.6rem;line-height:1.15}.bubble.jumbo-only{background:transparent;box-shadow:none;padding:2px 0 0;min-width:0}.bubble.jumbo-only:before{display:none}.bubble.jumbo-only .bubble-meta,.bubble.jumbo-only.me .bubble-meta{color:var(--text-muted)}.forwarded-tag{color:var(--text-muted);font-size:12.5px;font-style:italic;margin-bottom:3px;display:inline-flex;align-items:center;gap:4px}.forwarded-tag svg{opacity:.85}.quoted-pill-clickable{cursor:pointer}.quoted-pill-clickable:hover{background:#ffffff1a}.link-preview{display:block;margin-bottom:5px;background:#00000029;border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;max-width:320px}.link-preview:hover{background:#0000003d}.link-preview-thumb{width:100%;max-height:160px;object-fit:cover;display:block}.link-preview-body{padding:7px 10px}.link-preview-title{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview-desc{font-size:12.5px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview-domain{font-size:11.5px;color:var(--text-muted);margin-top:3px;text-transform:lowercase}.template-card{min-width:220px;max-width:100%}.template-title{font-weight:600;font-size:14.5px;margin-bottom:4px;word-break:break-word}.template-body{font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.template-footer{font-size:12.5px;color:var(--text-muted);margin-top:5px;font-style:italic}.template-buttons{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-soft)}.template-btn{display:block;text-align:center;padding:6px 10px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--accent);background:#25d36614;cursor:default;-webkit-user-select:none;user-select:none;border:1px solid rgba(37,211,102,.2);transition:background .12s ease;text-decoration:none}:root[data-theme=light] .template-btn{background:#00785a12;border-color:#00785a2e}a.template-btn{cursor:pointer}a.template-btn:hover{background:#25d36629}:root[data-theme=light] a.template-btn:hover{background:#00785a24}.template-header{margin-bottom:8px;border-radius:6px;overflow:hidden}.template-header-media{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#00000038;border-radius:6px;text-decoration:none;color:inherit;transition:background .12s ease}:root[data-theme=light] .template-header-media{background:#00000014}a.template-header-media:hover{background:#00000052}:root[data-theme=light] a.template-header-media:hover{background:#00000021}.template-header-video{justify-content:center;min-height:60px}.template-media-icon{font-size:22px;flex-shrink:0}.template-media-label{font-size:13.5px;font-weight:500}.template-header-image{padding:0}.template-header-img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:6px}.template-header-doc{min-height:48px}.wave-audio{display:flex;align-items:center;gap:9px;min-width:230px;max-width:300px;padding:4px 2px}.wave-play{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.wave-play:hover{filter:brightness(1.08)}.wave-bars{flex:1;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer}.wave-bar{flex:1;min-width:2px;border-radius:2px;background:var(--text-muted, #8696a0);opacity:.45;transition:opacity 80ms linear}.wave-bar.played{opacity:1;background:var(--accent)}.wave-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:4px;flex-shrink:0;align-self:stretch;padding:1px 0}.wave-time{font-size:11px;color:var(--text-muted, #8696a0);font-variant-numeric:tabular-nums}.wave-speed,.wave-dl{border:none;background:transparent;color:var(--text-muted, #8696a0);font-size:11px;cursor:pointer;padding:0 2px;display:inline-flex;align-items:center}.wave-speed{font-weight:600;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:10px;background:#7f7f7f2e;line-height:1.5}.wave-speed:hover,.wave-dl:hover{color:var(--accent)}.wave-speed:hover{background:#7f7f7f47}.emoji-picker{position:absolute;bottom:56px;left:8px;width:320px;max-width:calc(100vw - 24px);background:var(--bg-panel, #1f2c33);border:1px solid var(--border-soft, #2a3942);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:60;overflow:hidden}.emoji-search{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--border-soft, #2a3942)}.emoji-search input{flex:1}.emoji-close{border:none;background:transparent;color:var(--text-muted, #8696a0);cursor:pointer;font-size:13px}.emoji-cats{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--border-soft, #2a3942);overflow-x:auto}.emoji-cat{border:none;background:transparent;font-size:17px;padding:4px 5px;border-radius:6px;cursor:pointer;opacity:.6}.emoji-cat.active,.emoji-cat:hover{opacity:1;background:#8696a024}.emoji-grid-scroll{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;max-height:240px;overflow-y:auto}.emoji-item{border:none;background:transparent;font-size:21px;line-height:1;padding:4px 0;border-radius:6px;cursor:pointer}.emoji-item:hover{background:#8696a029}.react-popup-full{position:absolute;bottom:28px;left:0;z-index:61}.react-popup-full .emoji-picker{position:static;width:300px}.starred-mark{color:#f5c518;font-size:11px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e11b3;display:flex;align-items:center;justify-content:center;z-index:1200}.modal{background:var(--bg-panel, #1f2c33);border:1px solid var(--border-soft, #2a3942);border-radius:12px;width:420px;max-width:calc(100vw - 32px);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:600;border-bottom:1px solid var(--border-soft, #2a3942)}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--border-soft, #2a3942)}.forward-search{margin:10px 16px}.forward-list{flex:1;overflow-y:auto;padding:0 8px 8px}.forward-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.forward-row:hover{background:#8696a01a}.forward-row.selected{background:#00a88424}.forward-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-menu{position:absolute;right:6px;top:36px;z-index:30;background:var(--bg-panel, #233138);border:1px solid var(--border-soft, #2a3942);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;min-width:150px;overflow:hidden}.participant-menu button{border:none;background:transparent;text-align:left;padding:9px 12px;font-size:13px;color:var(--text-primary, #e9edef);cursor:pointer}.participant-menu button:hover{background:#8696a01f}.participant-menu .danger-text{color:var(--danger, #ff6b6b)}button.ghost.small{font-size:12px;padding:2px 8px}.chat-filters{display:flex;gap:6px;padding:6px 12px 8px;overflow-x:auto;border-bottom:1px solid var(--border-soft, #2a3942)}.filter-pill{flex-shrink:0;border:none;background:transparent;color:var(--text-muted, #8696a0);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .12s,color .12s}.filter-pill:hover{background:#8696a029;filter:none}.filter-pill.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.new-group-pill{margin-left:auto}.chat-row-preview.typing,.pane-header-status.typing{color:var(--accent);font-style:italic}.older-loader{display:flex;align-items:center;justify-content:center;min-height:30px;padding:10px 0 14px}.older-spinner{width:22px;height:22px;border:2.5px solid var(--border-soft, #2a3942);border-top-color:var(--accent);border-radius:50%;animation:older-spin .7s linear infinite}@keyframes older-spin{to{transform:rotate(360deg)}}.older-status{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted, #8696a0)}.date-separator{display:flex;justify-content:center;margin:14px 0 10px}.date-separator span{background:var(--bg-elev);color:var(--text-muted);padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:500;box-shadow:0 1px .5px #0b141a21}.quoted-pill{background:#ffffff0f;border-left:4px solid var(--accent);padding:5px 8px;margin-bottom:4px;border-radius:4px;font-size:13px;cursor:pointer;max-width:100%;overflow:hidden}:root[data-theme=light] .quoted-pill{background:#0000000d}.bubble.me .quoted-pill{background:#0000002e}:root[data-theme=light] .bubble.me .quoted-pill{background:#0000000f}.quoted-pill-name{color:var(--accent);font-weight:500;font-size:12.5px;margin-bottom:1px}.quoted-pill-text{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tick{display:inline-flex;vertical-align:middle;margin-left:2px}.tick svg{vertical-align:middle}.scroll-bottom-btn{position:absolute;right:24px;bottom:90px;width:42px;height:42px;border-radius:50%;background:var(--bg-elev);color:var(--icon);border:1px solid var(--border-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);z-index:5;padding:0;transition:transform .12s ease}.scroll-bottom-btn:hover{transform:scale(1.06);background:var(--bg-hover)}.bubble{max-width:65%;padding:7px 11px 6px;border-radius:7.5px;font-size:14px;line-height:19px;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;position:relative;box-shadow:var(--shadow-card);min-width:80px}.bubble.me{background:var(--bg-bubble-out);color:var(--bubble-out-text)}.bubble.them{background:var(--bg-bubble-in);color:var(--text)}.bubble.me:not(.no-tail){border-top-right-radius:0}.bubble.them:not(.no-tail){border-top-left-radius:0}.bubble.me:not(.no-tail):before{content:"";position:absolute;top:0;right:-8px;width:8px;height:13px;background:var(--bg-bubble-out);clip-path:polygon(0 0,100% 0,0 100%)}.bubble.them:not(.no-tail):before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:var(--bg-bubble-in);clip-path:polygon(100% 0,0 0,100% 100%)}.bubble.deleted{font-style:italic;opacity:.6}.bubble-meta{display:inline-block;float:right;margin-left:6px;margin-top:4px;margin-right:-2px;font-size:11px;color:var(--text-muted);white-space:nowrap}.bubble.me .bubble-meta{color:#e9edef99}:root[data-theme=light] .bubble.me .bubble-meta{color:#111b2180}.bubble-meta .edited{font-style:italic;opacity:.85;margin-right:4px}.tick-read{color:var(--read-blue)}.row-tick{display:inline-flex;align-items:center;color:var(--text-muted);margin-right:3px;vertical-align:-2px;flex-shrink:0}.row-tick.tick-read{color:var(--read-blue)}.reactions-cluster{position:absolute;bottom:-10px;background:var(--bg-elev);padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border-soft);display:inline-flex;gap:2px;box-shadow:0 1px 2px #00000026}.bubble.me .reactions-cluster{right:6px}.bubble.them .reactions-cluster{left:6px}.reactions-count{color:var(--text-muted);font-size:11px;margin-left:1px}.action-bar{position:absolute;top:-32px;display:none;gap:2px;background:var(--bg-elev);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);box-shadow:var(--shadow);z-index:5}.bubble:hover .action-bar{display:inline-flex}.bubble.me .action-bar{right:0}.bubble.them .action-bar{left:0}.action-btn{background:transparent;color:var(--text);padding:4px 8px;font-size:14px;border:none;cursor:pointer;border-radius:4px}.action-btn:hover{background:var(--bg-hover)}.action-btn.danger{color:var(--danger);background:transparent}.action-btn.danger:hover{background:var(--bg-hover)}.react-popup{position:absolute;top:32px;right:0;display:inline-flex;gap:2px;background:var(--bg-elev);padding:4px;border-radius:999px;border:1px solid var(--border-soft);box-shadow:var(--shadow)}.react-popup button{background:transparent;padding:4px;font-size:18px;border:none;cursor:pointer}.react-popup button:hover{background:var(--bg-hover);border-radius:4px}.composer{background:var(--bg-pane-header);position:relative}.composer-row{display:flex;align-items:flex-end;padding:8px 16px;gap:8px}.composer-textarea{flex:1;background:var(--bg-elev);color:var(--text);border:none;border-radius:8px;padding:9px 14px;resize:none;box-sizing:border-box;min-height:42px;max-height:140px;overflow-y:auto;font:15px var(--font-stack);line-height:20px}.composer-textarea:focus{outline:none}.composer-disabled{flex:1;padding:11px 14px;border-radius:9px;background:var(--bg-elev);color:var(--text-muted);font-size:13.5px;text-align:center}.composer-textarea::placeholder{color:var(--text-muted)}.icon-btn{background:transparent;border:none;color:var(--icon);width:40px;height:40px;border-radius:50%;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,color .12s ease,transform 90ms ease}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.icon-btn:focus:not(:focus-visible){box-shadow:none}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.icon-btn.active:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn.primary{color:var(--icon)}.icon-btn.primary:hover{background:var(--bg-hover)}.icon-btn.recording{color:var(--danger)}.icon-btn.composer-send{background:var(--accent);color:var(--accent-ink);width:42px;height:42px;box-shadow:none}.icon-btn.composer-send:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(.94)}.icon-btn.composer-send:disabled{opacity:.5}.composer-tray{padding:10px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft);display:flex;gap:8px;flex-wrap:wrap}.composer-tray button{display:inline-flex;align-items:center;gap:7px;background:var(--bg-pane-header);color:var(--text);border:1px solid var(--border-soft);padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 90ms ease}.composer-tray button:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.composer-tray button:active{transform:scale(.96)}.format-tray button{min-width:42px;justify-content:center;font-size:15px}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:8px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft);max-height:280px;overflow-y:auto}.emoji-grid button{background:transparent;border:none;font-size:24px;padding:6px;cursor:pointer;border-radius:4px}.emoji-grid button:hover{background:var(--bg-hover)}.reply-pill,.edit-pill,.schedule-pill{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft);font-size:14px;border-left:4px solid var(--accent)}.edit-pill{border-left-color:var(--read-blue)}.schedule-pill{border-left-color:var(--warn)}.recording-bar{display:flex;flex:1;align-items:center;gap:12px;background:var(--bg-elev);border-radius:8px;padding:10px 14px;color:var(--text)}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;pointer-events:none;z-index:10;border:2px dashed var(--accent);color:var(--accent)}.contact-pane{position:absolute;top:0;right:0;bottom:0;width:30%;min-width:360px;background:var(--bg-side);border-left:1px solid var(--border-soft);z-index:30;display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 8px #00000026}.contact-pane-header{padding:14px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-pane-header);font-weight:500;font-size:16px;color:var(--text);min-height:60px}.contact-pane-body{padding:0;overflow-y:auto;flex:1;background:var(--bg-main)}.contact-section{background:var(--bg-side);padding:14px 24px;margin-bottom:8px}.contact-section .label{font-size:11.5px;color:var(--text-muted);margin-bottom:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.contact-section .value{font-size:14px;color:var(--text)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:13px;font-weight:500}.tag-chip button{background:transparent;color:inherit;padding:0 0 0 2px;font-size:12px}.search-dropdown{position:absolute;top:100%;left:12px;right:12px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius);margin-top:4px;max-height:360px;overflow-y:auto;z-index:40;box-shadow:var(--shadow)}.search-result{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-soft);font-size:14px}.search-result:hover{background:var(--bg-hover)}.search-result .meta{font-size:12px;color:var(--text-muted);margin-top:2px}.context-menu{position:absolute;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 0;min-width:200px;max-height:calc(100vh - 16px);overflow-y:auto;box-shadow:var(--shadow);z-index:100}.context-menu button{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:none;padding:10px 24px;border-radius:0;font-size:14.5px}.context-menu button:hover{background:var(--bg-hover)}.mlb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg, #0b141a);display:flex;flex-direction:column;animation:mlb-fade .14s ease}@keyframes mlb-fade{0%{opacity:0}to{opacity:1}}.mlb-header{height:60px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--bg-panel, #202c33);border-bottom:1px solid var(--border-soft, rgba(255,255,255,.07))}.mlb-head-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.mlb-who{color:var(--text, #e9edef);font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlb-when{color:var(--text-muted, #8696a0);font-size:12px}.mlb-actions{display:flex;align-items:center;gap:4px}.mlb-btn{width:40px;height:40px;border-radius:50%;background:transparent;color:var(--text-secondary, #aebac1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.mlb-btn:hover{background:#ffffff1a;color:var(--text, #e9edef)}.mlb-btn:disabled{opacity:.4;cursor:default}.mlb-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:24px 72px}.mlb-content{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.mlb-img{max-width:86vw;max-height:calc(100vh - 220px);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mlb-video{max-width:86vw;max-height:calc(100vh - 200px);border-radius:6px;outline:none}.mlb-pdf{width:min(900px,90vw);height:calc(100vh - 140px);border:none;background:#fff;border-radius:4px}.mlb-doc{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary, #aebac1)}.mlb-doc-name{color:var(--text, #e9edef);font-size:15px;font-weight:500;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlb-loadbtn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-panel, #202c33);color:var(--text, #e9edef);border:1px solid var(--border-soft, rgba(255,255,255,.12));border-radius:22px;padding:9px 18px;font-size:14px;cursor:pointer}.mlb-loadbtn:hover{background:var(--bg-hover, #2a3942)}.mlb-err{color:#ff8080;font-size:14px}.mlb-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent, #00a884);animation:mlb-spin .8s linear infinite}@keyframes mlb-spin{to{transform:rotate(360deg)}}.mlb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#ffffff14;color:#fff;border:none;cursor:pointer;z-index:2;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.mlb-nav:hover{background:#ffffff2e}.mlb-nav.prev{left:14px}.mlb-nav.next{right:14px}.mlb-caption{flex-shrink:0;text-align:center;color:var(--text, #e9edef);font-size:14px;padding:8px 16px 4px;max-width:80vw;margin:0 auto;white-space:pre-wrap;word-break:break-word}.mlb-strip{flex-shrink:0;height:72px;display:flex;align-items:center;gap:6px;padding:8px 14px;overflow-x:auto;overflow-y:hidden;background:var(--bg-panel, #202c33);border-top:1px solid var(--border-soft, rgba(255,255,255,.07))}.mlb-thumb{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:6px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--bg-hover, #2a3942);display:inline-flex;align-items:center;justify-content:center;opacity:.65;transition:opacity .12s ease,border-color .12s ease}.mlb-thumb:hover{opacity:1}.mlb-thumb.active{opacity:1;border-color:var(--accent, #00a884)}.mlb-thumb img{width:100%;height:100%;object-fit:cover}.mlb-thumb-ico{color:var(--text-secondary, #aebac1)}.mlb-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.media-video-poster{position:relative;border-radius:8px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#1f2c33,#111b21);display:flex;align-items:center;justify-content:center}.media-play-badge{width:48px;height:48px;border-radius:50%;background:#0000008c;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding-left:3px}.media-video-meta{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;background:#00000080;color:#fff;font-size:11.5px;padding:2px 7px;border-radius:11px}.doc-card .doc-clickable{cursor:pointer}.lb-icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.lb-icon-btn:hover{background:#ffffff1a}.lb-icon-btn:active{background:#ffffff29}.media-icon-btn{width:32px;height:32px;border-radius:50%;background:transparent;color:var(--text-secondary, #aebac1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,color .12s ease}.media-icon-btn:hover{background:var(--bg-hover, rgba(255,255,255,.08));color:var(--text, #e9edef)}.media-icon-btn:disabled{opacity:.5;cursor:default}.doc-card{background:var(--bg-elev, rgba(255,255,255,.04));border-radius:8px;padding:10px 12px;min-width:240px;max-width:320px}.doc-icon{position:relative;width:44px;height:44px;border-radius:8px;background:#0000002e;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, #aebac1);flex-shrink:0}.doc-ext{position:absolute;bottom:4px;font-size:8.5px;font-weight:700;letter-spacing:.4px;color:#fff;background:var(--accent, #25d366);padding:1px 4px;border-radius:3px;line-height:1}.doc-name{font-size:14px}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.page-header h2{margin:0}.alert{padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:14px}.alert.error{background:#dc35451f;border:1px solid rgba(220,53,69,.35);color:#f5c1c7}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;font-weight:600;color:var(--text-secondary, #aebac1)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:transparent;border:1px solid var(--border, #2a3942);color:var(--text-secondary, #aebac1);padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.chip:hover{background:#ffffff0d}.chip.chip-on{background:var(--accent, #25d366);color:var(--accent-ink);border-color:var(--accent, #25d366);font-weight:700}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border, #2a3942);vertical-align:middle}.data-table th{color:var(--text-secondary, #aebac1);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table code{background:#ffffff0a;padding:2px 6px;border-radius:4px;font-size:12px}.data-table tr.row-active{background:#25d36614}.status-pill{display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.status-sent{background:#25d3662e;color:#5be584}.status-pending{background:#ffc1072e;color:#ffd95a}.status-sending{background:#0d6efd2e;color:#69a9ff}.status-failed{background:#dc35452e;color:#ff7080}.status-cancelled{background:#6c757d2e;color:#aaa}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:18px;background:var(--border, #2a3942);border-radius:999px;position:relative;cursor:pointer;transition:background .12s;margin:0}.switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .12s}.switch input[type=checkbox]:checked{background:var(--accent, #25d366)}.switch input[type=checkbox]:checked:after{left:16px}.small{font-size:12px}.lookup-result{display:flex;align-items:center;gap:12px;padding:12px;margin-top:12px;border:1px solid var(--border, #2a3942);border-radius:10px;background:#ffffff05}.lookup-info{flex:1;min-width:0}.lookup-name{font-weight:600;display:flex;align-items:center;gap:6px}.verified-badge{background:var(--accent, #25d366);color:#0b141a;font-size:10px;font-weight:700;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.ch-avatar{width:44px;height:44px;border-radius:50%;background:var(--border, #2a3942);object-fit:cover;flex-shrink:0}.ch-avatar-fallback{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary, #aebac1);font-size:16px}.create-form{border-top:1px solid var(--border, #2a3942);padding-top:12px;margin-top:12px}.channel-list{display:flex;flex-direction:column;gap:4px}.channel-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;transition:background .12s}.channel-row:hover{background:#ffffff0a}.channel-row-active{background:#25d3661a}.ch-meta{flex:1;min-width:0;cursor:pointer}.ch-name{font-weight:600}.ch-actions{display:flex;gap:6px}.ch-messages{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.ch-message{padding:8px 12px;border-radius:8px;background:#ffffff08}.ch-message-time{margin-bottom:4px}.ch-message-body{white-space:pre-wrap;word-break:break-word}button.small{font-size:12px;padding:4px 10px}.tab-bar{display:flex;border-bottom:1px solid var(--border, #2a3942);margin-bottom:16px}.tab{background:transparent;border:none;padding:10px 18px;color:var(--text-secondary, #aebac1);cursor:pointer;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-active{color:var(--accent, #25d366);border-bottom-color:var(--accent, #25d366)}.alert.success{background:#25d3661f;border:1px solid rgba(37,211,102,.35);color:#b6f0c1}.status-preview{height:220px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;padding:16px;font-size:26px;font-weight:600;text-align:center;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.2)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:8px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border, #2a3942);cursor:pointer;padding:0;transition:transform 80ms}.color-swatch:hover{transform:scale(1.08)}.color-swatch-on{outline:2px solid var(--accent, #25d366);outline-offset:2px}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.status-card{padding:12px;background:#ffffff0a;border-radius:10px;border:1px solid var(--border, #2a3942)}.status-card-header{display:flex;justify-content:space-between;margin-bottom:8px}.status-card-author{font-weight:600;font-size:13px}.status-card-body{font-size:14px;word-break:break-word}.status-card[data-type=image],.status-card[data-type=video]{border-color:#25d3664d}.app-shell{display:grid;grid-template-columns:64px 1fr;height:100vh;width:100%;background:var(--app-bg)}.rail{background:var(--bg-rail);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0}.rail-top,.rail-bottom{display:flex;flex-direction:column;gap:6px;align-items:center}.rail-logo{width:40px;height:40px;border-radius:12px;background:var(--grad-accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px;box-shadow:none}.rail-btn{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:var(--icon, #aebac1);background:transparent;border:none;cursor:pointer;position:relative;box-shadow:none;transition:background .12s,color .12s,transform .1s;text-decoration:none}.rail-btn:hover{background:var(--bg-hover);color:var(--text)}.rail-btn-active{background:var(--accent-soft);color:var(--accent)}.rail-btn-ghost{color:var(--text-muted)}.rail-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad-accent-135);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;margin-top:2px;flex-shrink:0;text-transform:uppercase}.app-content{overflow:hidden;display:flex;flex-direction:column;height:100vh}.app-content>*{padding:20px 28px;max-width:1100px;width:100%;margin:0 auto;overflow-y:auto;flex:1;min-height:0}.app-content>.chat-app,.app-content>.chat-page,.app-content>.settings-shell,.app-content>.status-app,.app-content>.channels-app,.app-content>.fb-page{padding:0;max-width:none;margin:0;height:100%;overflow:hidden}.chat-page{height:100%;display:flex;flex-direction:column;position:relative}.chat-page>.chat-app{flex:1;min-height:0}.chat-page>.chat-banner{flex-shrink:0}.chat-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:13px;background:var(--bg-elev);border-bottom:1px solid var(--border-soft);position:relative}.chat-banner-error{background:#f15c6d24;color:var(--danger);border-bottom-color:#f15c6d52}.chat-banner-info{background:var(--bg-pane-header)}.chat-banner-warn{background:#f0b2321f;color:var(--warn);border-bottom-color:#f0b2324d}.chat-banner-warn .chat-banner-text b{color:var(--text)}.chat-banner-action{flex-shrink:0;background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap}.chat-banner-action:hover{filter:brightness(1.06);text-decoration:none}.chat-banner-progress{width:80px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.chat-banner-progress-fill{height:100%;background:var(--accent);transition:width .4s}.chat-banner-text{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.chat-banner-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:0 6px;font-size:14px}.chat-banner-close:hover{opacity:.7}.header-menu-wrap{position:relative}.header-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 6px 24px #00000052;z-index:50;min-width:220px;padding:6px;display:flex;flex-direction:column;gap:1px}.header-menu button{background:transparent;color:var(--text);border:none;border-radius:6px;padding:9px 12px;font-size:14px;text-align:left;cursor:pointer;font-weight:400}.header-menu button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.header-menu button.danger-text{color:var(--danger)}.header-menu button:disabled{opacity:.4;cursor:not-allowed}.app-content>.landing{padding:0;max-width:none;margin:0}.app-content>.page{padding:20px 28px}.app-shell .nav{display:none}.landing{display:flex;align-items:center;justify-content:center;min-height:100%;padding:48px 24px}.landing-loading{display:flex;align-items:center;justify-content:center;height:100%}.landing-card{max-width:480px;width:100%;text-align:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:40px 32px}.landing-illustration{font-size:64px;margin-bottom:12px}.landing-brand{width:64px;height:64px;border-radius:18px;margin:0 auto 16px}.landing-card h1{font-size:26px;font-weight:500}.landing-card p{margin:8px 0 20px}.landing-form{display:flex;gap:8px;margin-top:16px}.landing-form input{flex:1}.landing-multi{max-width:760px;width:100%}.landing-multi h1{font-size:26px;font-weight:500}.landing-multi p{margin:8px 0 24px}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.session-tile{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 16px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.session-tile:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 2px 16px #0000002e}.session-tile-status{margin-bottom:4px}.session-tile-name{font-size:16px;font-weight:600}.session-tile-phone{font-size:12px}.session-tile-cta{margin-top:auto;padding-top:10px;font-size:13px;color:var(--accent)}.session-tile-add{align-items:center;justify-content:center;border-style:dashed;color:var(--text-muted)}.session-tile-add:hover{color:var(--accent)}.session-tile-plus{font-size:32px;font-weight:200;line-height:1}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.status-dot.status-connected{background:var(--online, #25d366);box-shadow:0 0 0 3px #25d36626}.status-dot.status-qr{background:var(--warn, #ffd279)}.status-dot.status-disconnected,.status-dot.status-logged_out{background:var(--danger, #f15c6d)}.status-dot.status-pending{background:var(--text-muted)}.settings-shell{display:grid;grid-template-columns:280px 1fr;height:100%;background:var(--bg-main)}.settings-nav{background:var(--bg-side);border-right:1px solid var(--border-soft);padding:24px 16px;overflow-y:auto}.settings-nav h1{font-size:22px;font-weight:500;padding:0 8px 16px}.settings-nav nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{padding:10px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:background .1s,color .1s}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text)}.settings-nav-item-active{background:var(--bg-active);color:var(--text);font-weight:500}.settings-main{padding:32px 40px;overflow-y:auto;max-width:760px;width:100%}.settings-section h2{font-size:19px;margin-bottom:18px;font-weight:700}.plan-summary{margin-top:14px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-card)}.plan-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-summary-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.plan-summary-name{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.3px;margin-top:2px}.plan-summary-trial{margin-top:6px;font-size:13px;color:var(--text-muted)}.plan-summary-trial b{color:var(--warn)}.plan-features{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:11px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.plan-features li.off .feat-name{color:var(--text-muted)}.feat-ic{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.feat-ic.on{background:var(--accent-soft);color:var(--accent)}.feat-ic.off{background:var(--bg-pill);color:var(--text-muted)}.feat-name{flex:1;min-width:0}.feat-note{display:block;font-size:12px;color:var(--text-muted);margin-top:1px}.feat-soon{font-size:11px;font-weight:700;color:var(--warn);background:#f0b23229;padding:1px 6px;border-radius:999px;margin-left:4px;text-transform:uppercase;letter-spacing:.4px}.feat-price{flex-shrink:0;font-size:13px;font-weight:600;color:var(--text-muted)}.mode-tag{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:999px;margin-left:6px;vertical-align:middle}.mode-toggle{display:inline-flex;gap:0;border:1px solid var(--border, rgba(255,255,255,.12));border-radius:var(--radius-sm, 8px);overflow:hidden}.mode-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;white-space:nowrap}.mode-toggle button.on{background:var(--accent);color:#fff}.billing-card{margin-top:18px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-elev)}.billing-card-head{margin-bottom:6px}.billing-card-title{margin:0;font-size:17px;font-weight:700}.plan-line{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.plan-line-info{flex:1;min-width:0}.plan-line-name{font-size:14.5px;font-weight:600;color:var(--text)}.plan-line-toggle{cursor:pointer}.plan-line-price{font-size:14px;font-weight:600;color:var(--text-muted)}.switch{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:999px;background:var(--bg-pill);border:1px solid var(--border-soft);transition:background .14s ease}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .14s ease}.switch.on{background:var(--accent);border-color:transparent}.switch.on .switch-knob{transform:translate(18px)}.billing-total{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0 2px;margin-top:2px}.billing-total-amount{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.6px}.billing-total-per{font-size:15px;font-weight:600;color:var(--text-muted);margin-left:2px}.subscribe-btn{width:100%;margin-top:14px;padding:14px;font-size:15px;border-radius:12px;background:var(--accent)}.theme-toggle{display:inline-flex;background:var(--bg-pill);border-radius:12px;padding:4px;gap:4px}.theme-opt{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-muted);border:none;box-shadow:none;padding:7px 15px;border-radius:9px;font-weight:600;text-transform:capitalize}.theme-opt:hover:not(.on){color:var(--text);filter:none}.theme-opt.on{background:var(--accent);color:var(--accent-ink)}.settings-row{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:center}.settings-row:last-child{border-bottom:none}.settings-value{font-size:14px}.settings-inline-form{display:flex;gap:8px;margin-bottom:16px;max-width:620px;flex-wrap:wrap}.settings-inline-form input{flex:1 1 200px;min-width:0}.settings-inline-form select{flex:0 0 auto;width:auto;min-width:130px}.settings-inline-form button{flex:0 0 auto;white-space:nowrap}.settings-session-list{display:flex;flex-direction:column;gap:1px}.settings-session-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.settings-session-row:last-child{border-bottom:none}.settings-session-meta{flex:1;min-width:0}.settings-session-name{font-weight:500}.settings-session-row select{flex:0 0 auto;width:auto;min-width:120px}.settings-session-row button{flex:0 0 auto;white-space:nowrap}.session-switcher{flex:1;min-width:0;position:relative;margin:0 4px}.session-switcher-single{padding:0 6px}.session-switcher-name{font-size:14.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-switcher-trigger{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;padding:4px 8px;border-radius:8px;cursor:pointer;color:var(--text);text-align:left}.session-switcher-trigger:hover{background:var(--bg-hover)}.session-switcher-trigger[aria-expanded=true]{background:var(--bg-active)}.session-switcher-label{flex:1;min-width:0}.session-switcher-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 6px 24px #00000052;z-index:60;padding:6px;margin-top:4px;min-width:240px}.session-switcher-current{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:var(--bg-active)}.session-switcher-divider{height:1px;background:var(--border-soft);margin:6px 4px}.session-switcher-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text);text-align:left;text-decoration:none;font-size:14px}.session-switcher-item:hover{background:var(--bg-hover)}.session-switcher-item-meta{min-width:0}.session-switcher-action{color:var(--accent);justify-content:flex-end}.dashboard-create{display:flex;gap:8px;margin-bottom:18px}.dashboard-create input{flex:1}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 760px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;text-decoration:none;color:inherit;transition:background .12s,border-color .12s}.dashboard-card:hover{background:var(--bg-hover);border-color:var(--accent)}.dashboard-card-body{flex:1;min-width:0}.dashboard-card-name{font-weight:500;font-size:15px}.dashboard-empty{text-align:center;padding:60px 20px;background:var(--bg-elev);border:1px dashed var(--border-soft);border-radius:14px}.dashboard-empty-icon{width:96px;height:96px;border-radius:50%;background:var(--bg-active);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:var(--icon)}.dashboard-empty h3{font-weight:500;margin:8px 0;font-size:18px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-tile{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:16px 18px}.stat-tile-n{font-size:24px;font-weight:800;letter-spacing:-.5px}.stat-tile-n.accent{color:var(--accent)}.stat-tile-label{font-size:11.5px;color:var(--text-muted);margin-top:2px}@media (max-width: 640px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.session-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color .12s,transform .12s,box-shadow .12s}.session-card:hover{border-color:#00a88466;transform:translateY(-1px);box-shadow:0 8px 24px #0000002e}.session-card-top{display:flex;align-items:center;gap:12px}.session-card-icon{width:42px;height:42px;border-radius:12px}.session-card-id{flex:1;min-width:0}.session-card-name{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid var(--border-soft)}.session-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:4px 9px;border-radius:14px;background:var(--bg-active);color:var(--text-muted)}.session-badge-connected{color:var(--accent);background:#00a88424}.session-badge-qr,.session-badge-pending,.session-badge-connecting{color:var(--warn);background:#f0b23224}.session-badge-disconnected,.session-badge-logged_out{color:var(--danger);background:#f15c6d24}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:live-blink 1.6s infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.25}}.qr-card{text-align:center}.qr-frame{position:relative;width:220px;height:220px;margin:0 auto;background:#fff;border-radius:16px;padding:12px;box-shadow:0 10px 30px #00000040;overflow:hidden}.qr-img{width:100%;height:100%;display:block;object-fit:contain}.qr-scan{position:absolute;left:12px;right:12px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px 2px #00a884cc;animation:qr-scanline 2.6s ease-in-out infinite}@keyframes qr-scanline{0%,to{transform:translateY(0)}50%{transform:translateY(196px)}}.qr-waiting{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--accent);font-size:12.5px;font-weight:600}.qr-spinner{width:12px;height:12px;border:2px solid rgba(0,168,132,.3);border-top-color:var(--accent);border-radius:50%;animation:older-spin .9s linear infinite}.qr-hint{margin-top:10px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg);padding:24px}.auth-card{display:flex;width:100%;max-width:780px;min-height:470px;background:var(--bg-side);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-float),0 0 0 1px var(--border-soft)}.auth-hero{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;padding:46px;background:linear-gradient(160deg,#0c2b25,#0b141a);color:#e9edef;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,132,.25),transparent 70%);pointer-events:none}.auth-hero-mark{width:60px;height:60px;border-radius:18px}.auth-hero-title{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-top:26px;color:#fff}.auth-hero-sub{color:#8696a0;font-size:14px;line-height:1.5;margin-top:12px}.auth-hero-dots{display:flex;gap:8px;margin-top:26px}.auth-hero-dots span{width:8px;height:8px;border-radius:50%;background:#2a3942}.auth-hero-dots span.on{background:var(--accent)}.auth-form-panel{width:320px;flex:none;padding:44px 36px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-side)}.auth-form-panel h1{font-size:22px;font-weight:800;margin:0}.auth-form-panel .auth-welcome{color:var(--text-muted);font-size:13px;margin-top:5px;margin-bottom:22px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-submit{margin-top:4px;padding:12px 16px;font-size:14px}.auth-foot{text-align:center;margin-top:14px}@media (max-width: 720px){.auth-card{flex-direction:column;max-width:380px;min-height:0}.auth-hero{padding:32px}.auth-hero-title{font-size:22px}.auth-form-panel{width:100%;padding:28px 28px 32px}}.status-app{display:grid;grid-template-columns:30% 70%;height:100%;background:var(--bg-main);overflow:hidden}@media (min-width: 1600px){.status-app{grid-template-columns:420px 1fr}}.status-sidebar{display:flex;flex-direction:column;background:var(--bg-side);border-right:1px solid var(--border-soft);overflow:hidden}.status-sidebar-header{background:var(--bg-pane-header);min-height:60px;display:flex;align-items:center;padding:0 16px}.status-sidebar-header h2{margin:0;font-size:19px;font-weight:500}.status-my-row{background:transparent;border:none;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;text-align:left;width:100%;color:var(--text)}.status-my-row:hover{background:var(--bg-hover)}.status-my-avatar{position:relative;width:49px;height:49px;flex-shrink:0}.status-my-plus{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#0b141a;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:2px solid var(--bg-side)}.status-my-meta{flex:1;min-width:0}.status-my-name{font-weight:500;font-size:15px}.status-section-title{padding:12px 16px 6px;font-size:13px;color:var(--text-muted);font-weight:500}.status-group-list{flex:1;overflow-y:auto}.status-group-row{background:transparent;border:none;display:flex;align-items:center;gap:14px;padding:10px 16px;cursor:pointer;width:100%;text-align:left;color:var(--text)}.status-group-row:hover{background:var(--bg-hover)}.status-group-row-active{background:var(--bg-active)}.status-group-avatar{width:49px;height:49px;border-radius:50%;background:var(--bg-active);display:inline-flex;align-items:center;justify-content:center;color:var(--icon);flex-shrink:0;position:relative}.status-group-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--accent);pointer-events:none}.status-group-meta{flex:1;min-width:0}.status-group-name{font-weight:500}.status-main{display:flex;flex-direction:column;background:var(--bg-main);overflow:hidden;position:relative}.status-main-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text-muted)}.status-main-empty-icon{font-size:64px;margin-bottom:12px}.status-main-empty h2{color:var(--text-secondary);font-weight:300;font-size:26px}.status-viewer{flex:1;display:flex;flex-direction:column;background:#000;color:#fff;padding:16px;gap:12px}.status-viewer-bars{display:flex;gap:4px}.status-viewer-bar{flex:1;height:3px;background:#ffffff4d;border-radius:2px}.status-viewer-bar-done{background:#ffffffd9}.status-viewer-bar-active{background:#ffffffd9;animation:status-bar-fill 8s linear}@keyframes status-bar-fill{0%{background:#ffffff4d}to{background:#ffffffd9}}.status-viewer-header{display:flex;align-items:center;gap:12px}.status-viewer-author{display:flex;align-items:center;gap:12px;flex:1}.status-viewer-name{font-weight:600}.avatar.avatar-sm{width:40px;height:40px}.status-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-elev);font-size:20px;font-weight:500;padding:24px;text-align:center}.status-viewer-body[data-type=text]{background:linear-gradient(135deg,#00a884,#008069)}.status-viewer-text{font-size:28px;line-height:1.4}.status-viewer-placeholder{font-size:18px;color:var(--text-muted)}.status-viewer-nav{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.status-composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.status-composer{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--bg-elev);border-radius:14px;padding:24px;box-shadow:0 20px 60px #00000080}.status-composer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.status-composer-header h2{margin:0}.channels-app{display:grid;grid-template-columns:30% 70%;height:100%;background:var(--bg-main);overflow:hidden}@media (min-width: 1600px){.channels-app{grid-template-columns:420px 1fr}}.channels-sidebar{display:flex;flex-direction:column;background:var(--bg-side);border-right:1px solid var(--border-soft);overflow:hidden}.channels-sidebar-header{background:var(--bg-pane-header);min-height:60px;display:flex;align-items:center;padding:0 16px;gap:10px}.channels-sidebar-header h2{flex:1;margin:0;font-size:19px;font-weight:500}.channels-sidebar-actions{display:flex;gap:4px}.channels-section-title{padding:12px 16px 6px;font-size:13px;color:var(--text-muted);font-weight:500}.channels-empty{padding:40px 24px;text-align:center}.channels-empty p{margin:0 0 14px}.channel-list{flex:1;overflow-y:auto;padding-bottom:12px}.channel-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border-soft);cursor:pointer;width:100%;text-align:left;color:var(--text)}.channel-row:hover{background:var(--bg-hover)}.channel-row-active{background:var(--bg-active)}.ch-meta{flex:1;min-width:0}.ch-name{font-weight:500}.ch-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.ch-time{flex-shrink:0}.channels-main{display:flex;flex-direction:column;background:var(--bg-main);overflow:hidden}.channels-main-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-soft);min-height:60px}.ch-main-meta{flex:1;min-width:0}.ch-main-name{font-weight:500;font-size:16px}.ch-main-actions{display:flex;gap:6px}.channels-feed{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.channel-msg{background:var(--bg-elev);padding:10px 14px;border-radius:8px;max-width:70%;align-self:flex-start;box-shadow:0 1px .5px #0b141a21}.channel-msg-time{margin-bottom:4px}.channel-msg-body{word-break:break-word}.channels-empty-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.channels-empty-icon{color:var(--icon);margin-bottom:16px}.channels-empty-main h2{font-weight:300;font-size:26px;color:var(--text-secondary)}.channels-empty-main p{max-width:420px;margin:8px 0 16px}.channels-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.channels-dialog{width:100%;max-width:520px;background:var(--bg-elev);border-radius:14px;padding:24px;box-shadow:0 20px 60px #00000080}.channels-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.channels-dialog-header h2{margin:0}.in-chat-search{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--bg-side);border-left:1px solid var(--border-soft);z-index:10;display:flex;flex-direction:column;animation:panel-slide .2s ease-out}@keyframes panel-slide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.in-chat-search-header{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:60px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-soft)}.in-chat-search-title{font-weight:500;font-size:16px;color:var(--text)}.in-chat-search-input-wrap{position:relative;display:flex;align-items:center;padding:8px 12px;background:var(--bg-side);border-bottom:1px solid var(--border-soft)}.in-chat-search-icon{position:absolute;left:28px;color:var(--icon);pointer-events:none}.in-chat-search-input{flex:1;background:var(--bg-active);border:1px solid transparent;border-radius:8px;padding:9px 36px 9px 44px;color:var(--text);font-size:14.5px}.in-chat-search-clear{position:absolute;right:18px;width:28px;height:28px}.in-chat-search-results{flex:1;overflow-y:auto}.in-chat-search-hint{padding:24px 18px;text-align:center;font-size:14px}.in-chat-search-count{padding:10px 16px;border-bottom:1px solid var(--border-soft)}.in-chat-search-row{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-soft);text-align:left;padding:10px 16px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:4px}.in-chat-search-row:hover{background:var(--bg-hover)}.in-chat-search-meta{display:flex;justify-content:space-between;gap:8px}.in-chat-search-snippet{font-size:14px;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.in-chat-search-snippet mark{background:var(--accent-soft);color:var(--accent);font-weight:500;padding:0 2px;border-radius:2px}.bubble-row-highlight .bubble{animation:bubble-pulse 1.6s ease-in-out;box-shadow:0 0 0 2px var(--accent),0 1px .5px #0b141a21}@keyframes bubble-pulse{0%{box-shadow:0 0 0 2px var(--accent),0 1px .5px #0b141a21}60%{box-shadow:0 0 0 2px var(--accent-soft),0 1px .5px #0b141a21}to{box-shadow:0 0 0 0 transparent,0 1px .5px #0b141a21}}.contact-name-row{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%}.contact-name-edit-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 6px;border-radius:6px}.contact-name-edit-btn:hover{background:var(--bg-hover);color:var(--text)}.contact-name-edit{margin-top:10px;max-width:240px;margin-left:auto;margin-right:auto}.contact-name-edit input{text-align:center}.danger-text{color:var(--danger)!important}.campaigns-page,.campaign-detail{padding:22px 26px;overflow-y:auto;width:100%}.campaigns-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.campaigns-title{display:flex;align-items:center;gap:10px}.campaigns-title h1{font-size:22px;margin:0}.campaigns-table{cursor:default}.campaign-row{cursor:pointer}.campaign-row:hover td{background:var(--bg-hover)}.mini-progress{background:var(--bg-active);border-radius:999px;height:6px;width:90px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.primary{background:var(--grad-accent);color:var(--accent-ink);border:none;padding:9px 17px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:none}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary:disabled{opacity:.5;cursor:not-allowed}.wizard{background:var(--bg-side);border-radius:var(--radius);width:min(680px,94vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.wizard-header h2{margin:0;font-size:18px}.wizard-steps{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.wizard-step{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.wizard-step.active{color:var(--text);font-weight:600}.wizard-step.done{color:var(--accent)}.wizard-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--bg-active);font-size:12px}.wizard-step.active .wizard-step-num{background:var(--accent);color:#fff}.wizard-body{padding:18px 20px;overflow-y:auto;flex:1}.wizard-footer{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border)}.seg-row{display:flex;gap:6px;margin-bottom:14px}.seg{flex:1;padding:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.seg-on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.seg:disabled{opacity:.4;cursor:not-allowed}.tpl-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tpl-hint button{flex:0 0 auto;white-space:nowrap}.upload-preview{max-height:180px;overflow:auto;margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-sm)}.contact-pick-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.contact-pick-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border-soft);cursor:pointer}.contact-pick-row:hover{background:var(--bg-hover)}.contact-pick-row .pick-name{flex:1;min-width:0;color:var(--text);font-size:14px;line-height:1.3}.contact-pick-row .pick-phone{flex:0 0 auto;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0;flex:0 0 auto;accent-color:var(--accent)}.template-preview{background:var(--bg-input);padding:10px 12px;border-radius:var(--radius-sm);white-space:pre-wrap;font-family:inherit;font-size:13px;margin:8px 0 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px;cursor:pointer}.day-pills{display:flex;gap:6px;flex-wrap:wrap}.var-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.var-chip{cursor:pointer;font-family:monospace;color:var(--accent);border-color:var(--accent)}.var-chip:hover{background:var(--accent-soft)}.save-tpl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.save-tpl-row button{flex:0 0 auto;white-space:nowrap}.tpl-list{display:flex;flex-direction:column;gap:10px}.tpl-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px}.tpl-card-main{min-width:0;flex:1}.tpl-card-name{font-weight:600;margin-bottom:2px}.tpl-card-preview{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tpl-card-actions{display:flex;gap:6px;flex:0 0 auto}.alert.warn{background:#ffd2791f;border:1px solid var(--warn);color:var(--text-secondary);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;margin-top:12px}.review-stats{display:flex;gap:12px;margin-bottom:12px}.stat{flex:1;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-n{font-size:26px;font-weight:800}.funnel{margin-top:16px;display:flex;flex-direction:column;gap:8px}.funnel-row{display:flex;align-items:center;gap:10px}.funnel-label{width:90px;font-size:13px;color:var(--text-secondary)}.funnel-bar{flex:1;height:18px;background:var(--bg-active);border-radius:var(--radius-sm);overflow:hidden}.funnel-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .4s;min-width:2px}.funnel-n{width:50px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.analytics-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.analytics-meta>div{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px 12px}.analytics-meta>div>div{font-size:18px;font-weight:600;margin-top:2px}.throughput{display:flex;align-items:flex-end;gap:3px;height:70px;margin-top:8px;padding:6px;background:var(--bg-active);border-radius:var(--radius-sm)}.tp-bar{flex:1;min-width:3px;height:100%;display:flex;align-items:flex-end}.tp-fill{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px}.fail-reason{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-soft);font-size:13px}.fail-reason span:first-child{color:var(--text-secondary);word-break:break-word;padding-right:10px}.session-access{margin:2px 0 10px 28px;border-left:2px solid var(--accent-soft);padding-left:12px}.access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border-soft);font-size:14px}.access-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-toggles{display:flex;gap:14px}.access-toggles label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.access-toggles label.disabled{opacity:.45;cursor:default}.bubble-sender{font-size:12.5px;font-weight:600;line-height:1.2;margin-bottom:3px}.bubble-row.selectable,.bubble-row.selectable .bubble{cursor:pointer}.bubble-row.selected{background:var(--accent-soft);border-radius:8px}.sel-check{flex:0 0 auto;align-self:center;width:22px;height:22px;margin:0 8px;border-radius:50%;border:2px solid var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.sel-check.on{background:var(--accent)}.select-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;min-height:56px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-soft);position:relative;z-index:5}.select-bar .select-count{font-weight:600}.select-bar-actions{margin-left:auto;display:flex;gap:6px}.select-bar .icon-btn{font-size:18px}.select-bar .icon-btn.danger{color:var(--danger)}.pane-back{display:none}@media (max-width: 768px){.chat-app{grid-template-columns:1fr}.main-pane{display:none}.chat-app:has(.main-pane:not(.empty)) .sidebar{display:none}.chat-app:has(.main-pane:not(.empty)) .main-pane{display:flex}.pane-back{display:inline-flex}.contact-pane{width:100%;min-width:0}.message-list{padding:10px 4%}.modal,.forward-modal{width:96vw;max-width:96vw}.bubble{max-width:85%}}.assignee-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.assignee-chip{font-size:10px;line-height:1.4;padding:1px 6px;border-radius:10px;background:var(--accent-soft);color:var(--accent);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee-chip.more{background:var(--bg-side);color:var(--text-muted, #8696a0)}.bubble-sent-by{font-size:11px;font-weight:600;opacity:.7;margin-bottom:2px}.acct-banner{flex:0 0 auto;width:100%;max-width:none;margin:0;display:flex;align-items:center;gap:14px;padding:9px 18px;font-size:13px;line-height:1.4;border-bottom:1px solid var(--border-soft, #2a3942)}.acct-banner-trial{background:#f0b2321f;color:var(--text)}.acct-banner-locked{background:#f15c6d29;color:var(--text)}.acct-banner-cta{margin-left:auto;flex-shrink:0;background:var(--grad-accent);color:var(--accent-ink, #04140f);padding:5px 14px;border-radius:8px;font-weight:700;font-size:12px;text-decoration:none;white-space:nowrap}.acct-banner-locked .acct-banner-cta{background:var(--danger, #f15c6d);color:#fff}.badge.trialing{background:#f0b2322e;color:var(--warn, #f0b232)}.badge.active{background:#25d3662e;color:var(--online, #25d366)}.badge.past_due{background:#f0b2322e;color:var(--warn, #f0b232)}.badge.expired,.badge.canceled{background:#f15c6d2e;color:var(--danger, #f15c6d)}.admin-page{padding:22px 26px;max-width:1100px;margin:0 auto}.admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0 10px}.admin-metric{background:var(--bg-elev, #202c33);border:1px solid var(--border-soft, #2a3942);border-radius:var(--radius, 12px);padding:14px 16px}.admin-metric-n{font-size:24px;font-weight:800}.admin-metric-n.accent{color:var(--accent, #00a884)}.admin-metric-label{font-size:12px;color:var(--text-muted, #8696a0);margin-top:2px}.admin-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.admin-filters{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-filters input{flex:0 1 320px}.admin-table{border:1px solid var(--border-soft, #2a3942);border-radius:var(--radius, 12px);overflow:hidden}.admin-row{display:grid;grid-template-columns:1.6fr 1.8fr .9fr .8fr .8fr .8fr 1fr .7fr;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border-soft, #2a3942);font-size:13px}.admin-row:last-child{border-bottom:none}.admin-row-head{background:var(--bg-elev, #202c33);font-weight:700;font-size:12px;color:var(--text-muted, #8696a0)}.admin-cell-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.modal-body{padding:14px 16px;overflow-y:auto}.admin-modal-h{margin:4px 0 8px;font-size:13px;color:var(--text-muted, #8696a0);text-transform:uppercase;letter-spacing:.4px}.admin-modal-hr{border:none;border-top:1px solid var(--border-soft, #2a3942);margin:16px 0}.auth-mode-toggle{display:flex;gap:6px;margin-bottom:14px;background:var(--bg-side, #111b21);padding:4px;border-radius:10px}.auth-mode-toggle button{flex:1;padding:8px 0;border:none;border-radius:7px;cursor:pointer;background:transparent;color:var(--text-muted, #8696a0);font-weight:600;font-size:13px}.auth-mode-toggle button.on{background:var(--grad-accent);color:var(--accent-ink, #04140f)}.rail-btn-badged{position:relative}.rail-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:800;border-radius:9px;line-height:1;box-shadow:0 0 0 2px var(--bg-rail)}.inbox-page{display:flex;flex-direction:column}.inbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inbox-header h1{font-size:22px;margin:0}.inbox-tools{display:flex;align-items:center;gap:10px}.inbox-search{display:flex;align-items:center;gap:8px;background:var(--bg-input);border-radius:var(--radius-pill);padding:7px 14px;color:var(--text-muted);min-width:220px}.inbox-search input{background:transparent;border:none;outline:none;color:var(--text);font-size:14px;width:100%}.chip-toggle{border:1px solid var(--border-soft);background:var(--bg-pill);color:var(--text-secondary);border-radius:var(--radius-pill);padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer}.chip-toggle.on{background:var(--accent-soft);color:var(--accent);border-color:transparent}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 20px;color:var(--text-muted);text-align:center}.inbox-empty p{margin:6px 0 0;font-size:15px;color:var(--text-secondary)}.inbox-list{margin-top:14px;display:flex;flex-direction:column}.inbox-row{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;color:inherit}.inbox-row:hover{background:var(--bg-hover)}.inbox-row-main{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;row-gap:2px;align-items:baseline}.inbox-row-top{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inbox-row-name{font-weight:600;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-row-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.inbox-row-bottom{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-row-preview{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.inbox-unread{min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;border-radius:10px;flex-shrink:0}.inbox-row-session{grid-column:1 / -1;font-size:11px;color:var(--accent);opacity:.85;font-weight:600}.inbox-more{margin:12px auto;padding:8px 20px;background:var(--bg-elev);color:var(--text-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);cursor:pointer;font-size:13px}.inbox-more:disabled{opacity:.6;cursor:default}.analytics-page{display:flex;flex-direction:column;gap:16px}.analytics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.analytics-header h1{font-size:22px;margin:0}.seg{display:inline-flex;background:var(--bg-pill);border-radius:var(--radius-pill);padding:3px;gap:2px}.seg-btn{border:none;background:transparent;color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:600}.seg-btn.on{background:var(--accent);color:var(--accent-ink)}.analytics-empty{padding:56px 20px;text-align:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{display:flex;flex-direction:column;gap:3px;padding:14px 16px}.kpi-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.kpi-value{font-size:26px;font-weight:700;color:var(--text)}.kpi-value.in{color:var(--read-blue)}.kpi-value.out{color:var(--accent)}.kpi-sub{font-size:12px}.chart-card{padding:16px 18px}.chart-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:14px}.chart-title .legend{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:500}.legend .dot{width:9px;height:9px;border-radius:3px;display:inline-block}.dot.in{background:var(--read-blue)}.dot.out{background:var(--accent)}.bars{display:flex;align-items:flex-end;gap:3px;height:160px}.day-bars{gap:4px}.hour-bars{gap:2px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}.bar-stack{width:100%;max-width:26px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px 4px 0 0;overflow:hidden;min-height:2px}.bar{width:100%}.bar.seg-in{background:var(--read-blue)}.bar.seg-out{background:var(--accent)}.bar-x{font-size:10px;color:var(--text-muted);white-space:nowrap}.analytics-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.top-sessions{display:flex;flex-direction:column;gap:12px}.top-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px}.top-name{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-track{height:10px;background:var(--bg-elev);border-radius:6px;overflow:hidden}.top-bar{height:100%;background:var(--grad-accent);border-radius:6px}.top-n{font-size:13px;font-weight:700;color:var(--text)}@media (max-width: 760px){.analytics-cols{grid-template-columns:1fr}}.toast-host{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:4000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;max-width:380px;padding:10px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:500;color:var(--text);background:var(--bg-elev);border:1px solid var(--border-soft);box-shadow:var(--shadow-float);animation:toast-in .14s ease-out}.toast-error{background:var(--danger);color:#fff;border-color:transparent}.toast-success{background:var(--accent);color:var(--accent-ink);border-color:transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.seat-stepper{display:inline-flex;align-items:stretch;height:38px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-elev);overflow:hidden}.seat-stepper .seat-step{width:38px;padding:0;border:none;background:transparent;color:var(--text);font-size:20px;font-weight:600;line-height:1;cursor:pointer;border-radius:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.seat-stepper .seat-step:hover:not(:disabled){background:var(--bg-hover);filter:none}.seat-stepper .seat-step:active:not(:disabled){background:var(--bg-active)}.seat-stepper .seat-step:disabled{opacity:.35;cursor:not-allowed}.seat-stepper input[type=number]{width:48px;border:none;border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);background:var(--bg);color:var(--text);text-align:center;font:600 15px var(--font-stack);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.seat-stepper input[type=number]:focus{outline:none}.seat-stepper input[type=number]::-webkit-outer-spin-button,.seat-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fb-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--bg-main)}.fb-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-pane-header)}.fb-name{font-size:15px;font-weight:600;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;color:var(--text);min-width:240px}.fb-bar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.fb-main{flex:1;display:flex;min-height:0}.fb-palette{width:216px;flex-shrink:0;border-right:1px solid var(--border);padding:14px;overflow-y:auto;background:var(--bg-card)}.fb-inspect{width:312px;flex-shrink:0;border-left:1px solid var(--border);padding:16px;overflow-y:auto;background:var(--bg-card)}.fb-canvas{flex:1;min-width:0;position:relative}.fb-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:16px 0 8px;font-weight:700}.fb-section:first-child{margin-top:0}.fb-group{margin-bottom:10px}.fb-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.7;margin:8px 0 5px}.fb-add{display:block;width:100%;text-align:left;padding:8px 11px;margin-bottom:5px;border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:13px;transition:background .12s,border-color .12s}.fb-add:hover{background:var(--bg-hover)}.fb-trigger select,.fb-trigger input{width:100%}.fb-dd{position:relative}.fb-dd-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.fb-dd-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.fb-dd-ico{font-size:13px;line-height:1;opacity:.8}.fb-dd-caret{font-size:10px;opacity:.55;margin-left:2px}.fb-dd-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:70;min-width:248px;max-height:64vh;overflow-y:auto;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.fb-dd-right{left:auto;right:0}.cat-send{--cat: var(--accent)}.cat-logic{--cat: #4a9eff}.cat-ai{--cat: #a974ff}.cat-action{--cat: #f0a23b}.cat-end{--cat: #7a8a93}.fb-add.cat-send,.fb-add.cat-logic,.fb-add.cat-ai,.fb-add.cat-action,.fb-add.cat-end{border-left-color:var(--cat)}.fb-add:hover{border-color:var(--cat)}.fb-node{background:var(--bg-elev);border:1.5px solid var(--border);border-left:3px solid var(--cat, var(--accent));border-radius:var(--radius);min-width:156px;max-width:210px;font-size:12px;box-shadow:var(--shadow-card)}.fb-node-sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.fb-node-end{border-style:dashed}.fb-node-head{font-weight:700;padding:7px 10px;border-bottom:1px solid var(--border-soft);color:var(--text);display:flex;gap:5px;align-items:center}.fb-entry{color:var(--accent)}.fb-node-body{padding:8px 10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-node-empty{font-style:italic;opacity:.55}.fb-handles{position:relative;height:18px}.fb-handle-wrap{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.fb-handle-label{font-size:9px;color:var(--text-muted);margin-top:1px;background:var(--bg-pill);padding:0 4px;border-radius:6px}.fb-config .field{margin-bottom:10px}.fb-config textarea,.fb-config input,.fb-config select{width:100%}.fb-canvas .react-flow__handle{width:10px;height:10px;background:var(--accent);border:2px solid var(--bg-elev)}.fb-canvas .react-flow__controls{box-shadow:var(--shadow-card);border-radius:var(--radius-sm);overflow:hidden}.fb-canvas .react-flow__controls-button{background:var(--bg-elev);border-bottom:1px solid var(--border);color:var(--text);fill:var(--text)}.fb-canvas .react-flow__controls-button:hover{background:var(--bg-hover)}.fb-canvas .react-flow__controls-button svg{fill:var(--text)}.fb-canvas .react-flow__minimap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.fb-canvas .react-flow__attribution{opacity:.35;font-size:9px;background:transparent}.auto-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}.auto-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,box-shadow .12s}.auto-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}.auto-card.auto-off{opacity:.72}.auto-dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.auto-dot.on{background:var(--online, #25d366);box-shadow:0 0 0 3px color-mix(in srgb,var(--online, #25d366) 22%,transparent)}.auto-card-main{flex:1;min-width:0}.auto-card-name{font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.auto-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--radius-pill);background:var(--bg-pill);color:var(--text-muted)}.auto-tag.flow{background:color-mix(in srgb,#a974ff 20%,transparent);color:#c9a6ff}.auto-stats{margin-top:4px}.auto-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.auto-toggle{min-width:52px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .12s}.auto-toggle.on{background:var(--grad-accent, var(--accent));border-color:transparent;color:var(--accent-ink, #fff)}.mkt{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-stack);scroll-behavior:smooth}.mkt a{color:inherit;text-decoration:none}.mkt h1,.mkt h2,.mkt h3{margin:0;line-height:1.12;letter-spacing:-.02em}.mkt p{margin:0}.mkt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease;white-space:nowrap}.mkt-btn.lg{padding:14px 26px;font-size:16px}.mkt-btn.full{width:100%}.mkt-btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px -10px var(--accent)}.mkt-btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.mkt-btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.mkt-btn.ghost:hover{background:var(--bg-hover);border-color:var(--text-muted)}.mkt-icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--icon);cursor:pointer;transition:background .12s}.mkt-icon-btn:hover{background:var(--bg-hover);color:var(--text)}.mkt-nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg-deep) 78%,transparent);border-bottom:1px solid var(--border-soft)}.mkt-nav-inner{max-width:1160px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px}.mkt-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.01em}.mkt-logo .brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent)}.mkt-nav-links{display:flex;gap:26px;margin-left:14px;font-size:14.5px;color:var(--text-secondary)}.mkt-nav-links a:hover{color:var(--text)}.mkt-nav-cta{display:flex;align-items:center;gap:10px;margin-left:auto}.mkt-hero{max-width:1160px;margin:0 auto;padding:clamp(48px,8vw,96px) 24px clamp(40px,6vw,72px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative}.mkt-hero:before{content:"";position:absolute;top:-160px;left:40%;width:620px;height:620px;transform:translate(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent) 0%,transparent 62%);filter:blur(20px);pointer-events:none;z-index:0}.mkt-hero>*{position:relative;z-index:1}.mkt-pill{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.01em}.mkt-hero h1{font-size:clamp(34px,5.4vw,58px);font-weight:800;margin:18px 0 0}.mkt-lead{margin-top:20px;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--text-secondary);max-width:560px}.mkt-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.mkt-fineprint{margin-top:16px;font-size:13px;color:var(--text-muted)}.mkt-hero-art{display:flex;justify-content:center}.mock-chat{width:100%;max-width:380px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-main);box-shadow:var(--shadow-float);transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}.mock-chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-pane-header);border-bottom:1px solid var(--border-soft)}.mock-ava{width:38px;height:38px;border-radius:50%;background:var(--grad-accent, var(--accent));flex-shrink:0}.mock-name{font-weight:700;font-size:13.5px}.mock-presence{font-size:12px;color:var(--accent)}.mock-live{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);padding:3px 8px;border-radius:var(--radius-pill)}.mock-body{padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:280px;background:linear-gradient(color-mix(in srgb,var(--bg-deep) 55%,transparent),color-mix(in srgb,var(--bg-deep) 55%,transparent))}.mock-b{max-width:80%;padding:8px 11px;border-radius:10px;font-size:13.5px;line-height:1.4;position:relative;box-shadow:var(--shadow-card)}.mock-b.in{align-self:flex-start;background:var(--bg-bubble-in);border-top-left-radius:3px}.mock-b.out{align-self:flex-end;background:var(--bg-bubble-out);color:var(--bubble-out-text);border-top-right-radius:3px}.mock-tick{margin-left:8px;font-size:11px;color:var(--read-blue)}.mock-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:10px 13px;background:var(--bg-bubble-in);border-radius:3px 10px 10px}.mock-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:mkt-blink 1.2s infinite ease-in-out}.mock-typing span:nth-child(2){animation-delay:.2s}.mock-typing span:nth-child(3){animation-delay:.4s}@keyframes mkt-blink{0%,60%,to{opacity:.3}30%{opacity:1}}.mkt-strip{max-width:1160px;margin:0 auto;padding:26px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.mkt-strip>div{display:flex;flex-direction:column;gap:2px}.mkt-strip strong{font-size:18px}.mkt-strip span{font-size:13px;color:var(--text-muted)}.mkt-section{max-width:1160px;margin:0 auto;padding:clamp(56px,8vw,96px) 24px}.mkt-section.alt{max-width:none;background:var(--bg-side);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.mkt-section.alt>*{max-width:1160px;margin-left:auto;margin-right:auto}.mkt-head{max-width:680px;margin:0 auto 44px;text-align:center}.mkt-eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.mkt-head h2{font-size:clamp(26px,3.6vw,40px);font-weight:800;margin:12px 0 0}.mkt-head p{margin-top:14px;font-size:16px;line-height:1.55;color:var(--text-secondary)}.mkt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.mkt-card{padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mkt-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 18px 40px -22px var(--accent)}.mkt-card-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.mkt-card h3{font-size:17px;font-weight:700}.mkt-card p{margin-top:9px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.mkt-parity{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;justify-content:center}.mkt-parity-label{font-size:13.5px;color:var(--text-muted);font-weight:600}.mkt-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-pill);background:var(--bg-pill);border:1px solid var(--border-soft);font-size:13px;color:var(--text-secondary)}.mkt-chip svg{color:var(--accent)}.mkt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.mkt-step{padding:26px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft)}.mkt-step-n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:18px;margin-bottom:16px}.mkt-step h3{font-size:18px}.mkt-step p{margin-top:9px;font-size:14.5px;line-height:1.55;color:var(--text-secondary)}.mkt-spot{max-width:1160px;margin:0 auto;padding:clamp(56px,8vw,96px) 24px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}.mkt-spot-copy h2{font-size:clamp(24px,3.2vw,36px);font-weight:800;margin:12px 0 0}.mkt-spot-copy>p{margin-top:16px;font-size:16px;line-height:1.6;color:var(--text-secondary)}.mkt-checklist{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}.mkt-checklist li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-secondary)}.mkt-checklist svg{color:var(--accent);flex-shrink:0}.mkt-spot-art{display:flex;justify-content:center}.mock-flow{display:flex;flex-direction:column;align-items:center;gap:0;padding:30px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-float);width:100%;max-width:320px}.mock-node{width:100%;text-align:center;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:600;background:var(--bg-elev);border:1px solid var(--border)}.mock-node.trigger{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.mock-node.ai{background:color-mix(in srgb,var(--accent) 18%,var(--bg-elev));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.mock-node.end{background:var(--bg-bubble-out);color:var(--bubble-out-text);border-color:transparent}.mock-line{width:2px;height:22px;background:var(--border)}.mkt-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch}.mkt-plan{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft)}.mkt-plan.featured{border-color:var(--accent);box-shadow:0 24px 60px -28px var(--accent)}.mkt-plan-tag{position:absolute;top:-12px;left:28px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;padding:4px 12px;border-radius:var(--radius-pill)}.mkt-plan-name{font-size:15px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.mkt-plan-price{margin-top:12px;font-size:15px;color:var(--text-muted)}.mkt-plan-price span{font-size:40px;font-weight:800;color:var(--text);letter-spacing:-.02em}.mkt-plan-tagline{margin-top:10px;font-size:14px;color:var(--text-secondary);min-height:40px}.mkt-plan ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:11px;flex:1}.mkt-plan li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text-secondary)}.mkt-plan li svg{color:var(--accent);flex-shrink:0}.mkt-faq{max-width:760px;margin:0 auto;display:grid;gap:12px}.mkt-faq-item{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.mkt-faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:600;font-size:15.5px}.mkt-faq-item summary::-webkit-details-marker{display:none}.mkt-faq-item summary svg{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.mkt-faq-item[open] summary svg{transform:rotate(180deg)}.mkt-faq-item p{padding:0 20px 20px;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}.mkt-cta-band{text-align:center;padding:clamp(56px,9vw,104px) 24px;background:radial-gradient(800px 380px at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 70%),var(--bg-deep);border-top:1px solid var(--border-soft)}.mkt-cta-band h2{font-size:clamp(26px,4vw,42px);font-weight:800}.mkt-cta-band p{margin:16px auto 30px;font-size:17px;color:var(--text-secondary);max-width:480px}.mkt-foot{max-width:1160px;margin:0 auto;padding:36px 24px 56px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.mkt-foot-brand{display:flex;align-items:center;gap:9px;font-weight:800}.mkt-foot-brand .brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent)}.mkt-foot-links{display:flex;flex-wrap:wrap;gap:20px;margin-left:14px;font-size:14px;color:var(--text-secondary)}.mkt-foot-links a:hover{color:var(--text)}.mkt-foot-copy{width:100%;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:20px}@media (max-width: 860px){.mkt-hero{grid-template-columns:1fr;text-align:center}.mkt-hero:before{left:50%}.mkt-lead{margin-left:auto;margin-right:auto}.mkt-hero-actions{justify-content:center}.mkt-hero-art{margin-top:20px}.mock-chat{transform:none}.mkt-spot{grid-template-columns:1fr}.mkt-spot-art{order:-1}.mkt-strip{grid-template-columns:repeat(2,1fr)}.mkt-nav-links{display:none}}@media (max-width: 480px){.mkt-nav-cta .mkt-btn.ghost{display:none}}.mkt-progress{position:sticky;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),#4be3b6);box-shadow:0 0 12px var(--accent);z-index:40;transition:transform .08s linear}.mkt-nav{transition:background .25s ease,box-shadow .25s ease,padding .25s ease}.mkt-nav.scrolled{background:color-mix(in srgb,var(--bg-deep) 92%,transparent);box-shadow:0 6px 24px -12px #000000b3}.mkt-nav.scrolled .mkt-nav-inner{padding-top:9px;padding-bottom:9px}.mkt-logo .brand-mark{transition:transform .25s ease,box-shadow .25s ease}.mkt-logo:hover .brand-mark{transform:rotate(-6deg) scale(1.06);box-shadow:0 8px 22px -8px var(--accent)}.mkt-enter{animation:mkt-enter .7s both cubic-bezier(.22,.61,.36,1);animation-delay:var(--d, 0ms)}@keyframes mkt-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.mkt-grad{background:linear-gradient(100deg,var(--accent),#4be3b6 42%,var(--accent) 82%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:mkt-sheen 5.5s linear infinite}@keyframes mkt-sheen{to{background-position:220% center}}.mkt-hero:before{display:none}.mkt-aurora{position:absolute;inset:-120px 0 auto 0;height:560px;z-index:0;pointer-events:none;filter:blur(30px);opacity:.9;background:radial-gradient(420px 320px at 28% 30%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 70%),radial-gradient(360px 300px at 72% 18%,color-mix(in srgb,#36d39e 26%,transparent),transparent 70%);animation:mkt-aurora 14s ease-in-out infinite alternate}@keyframes mkt-aurora{0%{transform:translate3d(-3%,0,0) scale(1)}50%{transform:translate3d(4%,14px,0) scale(1.08)}to{transform:translate3d(2%,-8px,0) scale(1.02)}}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d, 0ms);will-change:opacity,transform}[data-reveal].is-in{opacity:1;transform:none}.mkt-btn.shine{position:relative;overflow:hidden}.mkt-btn.shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .6s ease}.mkt-btn.shine:hover:after{left:130%}.mkt-btn.primary{box-shadow:0 10px 28px -10px var(--accent)}.mkt-btn.primary:hover{box-shadow:0 14px 34px -10px var(--accent)}.mkt-card-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease}.mkt-card:hover .mkt-card-icon{transform:scale(1.12) rotate(-5deg);background:var(--accent);color:var(--accent-ink)}.mkt-chip{transition:transform .18s ease,border-color .18s ease,background .18s ease}.mkt-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.mkt-step-n{position:relative}.mkt-step-n:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--accent);opacity:0}.mkt-step:hover .mkt-step-n:after{animation:mkt-ring 1s ease-out}@keyframes mkt-ring{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.mock-chat{position:relative;animation:mock-float 6.5s ease-in-out infinite}@keyframes mock-float{0%,to{transform:perspective(1400px) rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-7deg) rotateX(2deg) translateY(-12px)}}.mock-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 65%);filter:blur(24px);animation:mkt-breathe 5s ease-in-out infinite}@keyframes mkt-breathe{0%,to{opacity:.55}50%{opacity:.95}}.mock-b,.mock-typing{animation:mkt-pop .5s both cubic-bezier(.22,.61,.36,1)}.mock-body>.mock-b:nth-child(1){animation-delay:.55s}.mock-body>.mock-b:nth-child(2){animation-delay:.9s}.mock-body>.mock-b:nth-child(3){animation-delay:1.25s}.mock-body>.mock-b:nth-child(4){animation-delay:1.6s}.mock-body>.mock-typing{animation-delay:1.95s}@keyframes mkt-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.mock-node{animation:mkt-pop .45s both cubic-bezier(.34,1.56,.64,1)}.mock-line{transform-origin:top;animation:mkt-grow .35s both ease-out}.mock-flow>*:nth-child(1){animation-delay:.05s}.mock-flow>*:nth-child(2){animation-delay:.2s}.mock-flow>*:nth-child(3){animation-delay:.35s}.mock-flow>*:nth-child(4){animation-delay:.5s}.mock-flow>*:nth-child(5){animation-delay:.65s}.mock-flow>*:nth-child(6){animation-delay:.8s}.mock-flow>*:nth-child(7){animation-delay:.95s}@keyframes mkt-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mock-node.ai{animation:mkt-pop .45s both cubic-bezier(.34,1.56,.64,1),mkt-ai-pulse 2.6s 1.2s ease-in-out infinite}@keyframes mkt-ai-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 22px -2px color-mix(in srgb,var(--accent) 70%,transparent)}}.mkt-plan.featured{animation:mkt-feature 4s ease-in-out infinite}@keyframes mkt-feature{0%,to{box-shadow:0 24px 60px -30px var(--accent)}50%{box-shadow:0 28px 72px -24px color-mix(in srgb,var(--accent) 80%,transparent)}}.mkt-plan{transition:transform .2s ease,border-color .2s ease}.mkt-plan:hover{transform:translateY(-4px)}.mkt-faq-item{transition:border-color .2s ease,background .2s ease}.mkt-faq-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.mkt-faq-item[open]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.mkt-cta-band{position:relative;overflow:hidden}.mkt-cta-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 50% 120%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);animation:mkt-breathe 6s ease-in-out infinite;pointer-events:none}.mkt-cta-inner{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.mkt *,.mkt *:before,.mkt *:after{animation:none!important;transition:none!important}[data-reveal],.mkt-enter{opacity:1!important;transform:none!important}.mock-chat{transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}.mock-line{transform:scaleY(1)}}.mkt{font-family:"Plus Jakarta Sans",var(--font-stack)}.mkt h1,.mkt h2,.mkt h3{letter-spacing:-.025em}.mkt h1,.mkt-head h2,.mkt-spot-copy h2,.mkt-cta-band h2{font-weight:800}.mkt-plan-price span{font-variant-numeric:tabular-nums}.mkt a:focus-visible,.mkt button:focus-visible,.mkt summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.mkt-faq-item summary{outline:none}:root[data-theme=light] .mkt-grad{background:linear-gradient(100deg,var(--accent),#00a884 45%,#006b52 85%);background-size:220% auto;-webkit-background-clip:text;background-clip:text}.mkt-compare{position:relative;max-width:840px;margin:0 auto;border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-card)}.mkt-compare-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;border-top:1px solid var(--border-soft)}.mkt-compare-row:first-child{border-top:none}.mkt-compare-row>span{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:14.5px;line-height:1.35}.mkt-compare-label{color:var(--text-secondary);font-weight:600}.mkt-compare-us{background:var(--accent-soft);color:var(--text);font-weight:600}.mkt-compare-us svg{color:var(--accent);flex-shrink:0}.mkt-compare-api{color:var(--text-muted)}.mkt-compare-headrow>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-top:16px;padding-bottom:16px}.mkt-compare-headrow .mkt-compare-us{color:var(--accent)}.mkt-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mkt-quote{margin:0;padding:26px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:20px;transition:transform .2s ease,border-color .2s ease}.mkt-quote:before{content:"“";font-family:Georgia,serif;font-size:46px;line-height:0;color:var(--accent);opacity:.55;height:18px}.mkt-quote:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.mkt-quote blockquote{margin:0;font-size:15.5px;line-height:1.62;color:var(--text-secondary);flex:1}.mkt-quote figcaption{display:flex;align-items:center;gap:12px}.mkt-quote-ava{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;flex-shrink:0;box-shadow:var(--shadow-card)}.mkt-quote-who{display:flex;flex-direction:column;line-height:1.3}.mkt-quote-who strong{font-size:14.5px;color:var(--text)}.mkt-quote-who span{font-size:12.5px;color:var(--text-muted)}@media (max-width: 560px){.mkt-compare-row>span{padding:11px 12px;font-size:13px}.mkt-compare-row{grid-template-columns:1.25fr 1fr 1fr}}.chat-row-name-ico{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--text-muted)}.chat-row-icons .chat-row-ico{display:inline-flex;align-items:center;color:var(--text-muted)}.quoted-media-ico{display:inline-flex;vertical-align:-2px;margin-right:3px;opacity:.85}.e2e-note{display:inline-flex;align-items:center;gap:6px}.e2e-note svg{opacity:.8}.context-menu button{display:flex;align-items:center;gap:13px}.context-menu button svg{flex:0 0 auto;color:var(--text-muted);transition:color .12s ease}.context-menu button:hover svg{color:var(--text)}.context-menu button.danger-text svg{color:var(--danger)}.template-btn{display:flex;align-items:center;justify-content:center;gap:6px}.template-btn svg{flex:0 0 auto}.wave-play svg,.wave-dl svg{display:block;flex-shrink:0}@keyframes vc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vc-pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}@keyframes vc-modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes vc-msg-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes vc-react-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes vc-send-pop{0%{transform:scale(.55);opacity:.3}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.context-menu,.header-menu,.phone-menu,.react-popup,.participant-menu,.composer-tray,.emoji-picker,.sticker-picker,.gif-picker{animation:vc-pop-in .13s cubic-bezier(.2,.7,.3,1);transform-origin:top center}.modal-overlay{animation:vc-fade-in .14s ease}.modal-overlay>*{animation:vc-modal-in .18s cubic-bezier(.2,.7,.3,1)}.bubble-row{animation:vc-msg-in .2s ease both}.reactions-cluster{animation:vc-react-pop .23s cubic-bezier(.2,.8,.3,1.2)}.icon-btn.composer-send{animation:vc-send-pop .18s cubic-bezier(.2,.8,.3,1.2)}.chat-row{transition:background .13s ease}.filter-pill{transition:background .15s ease,color .15s ease}@media (prefers-reduced-motion: reduce){.context-menu,.header-menu,.phone-menu,.react-popup,.participant-menu,.composer-tray,.emoji-picker,.sticker-picker,.gif-picker,.modal-overlay,.modal-overlay>*,.bubble-row,.reactions-cluster,.icon-btn.composer-send{animation:none!important}}.new-group-pill{display:inline-flex;align-items:center;gap:5px}