:root{--brand: #6f2ee0;--brand-2: #5a20c4;--brand-soft: #f1eaff;--brand-text: #5520b8;--ink: #150d26;--ink-2: #221639;--accent: #f2a516;--accent-ink: #3b2600;--accent-soft: #fff4dc;--bg: #f6f4fa;--surface: #ffffff;--surface-2: #faf8fd;--line: #ebe6f3;--line-strong: #d9d1e8;--text: #1b1430;--text-2: #554c6b;--text-3: #857c99;--danger: #d1344a;--danger-soft: #fdecef;--warn: #a35f00;--warn-soft: #fff4e0;--ok: #17824a;--ok-soft: #e5f5ec;--info: #6f2ee0;--info-soft: #f1eaff;--bubble-in: #ffffff;--bubble-out: #ece3ff;--bubble-bot: #fffaf0;--chat-bg: #f2eff8;--series-1: #6f2ee0;--series-2: #e8930c;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(27, 20, 48, .05), 0 6px 20px rgba(27, 20, 48, .06);--shadow-pop: 0 2px 6px rgba(27, 20, 48, .08), 0 24px 64px -12px rgba(27, 20, 48, .32);--focus: 0 0 0 3px rgba(111, 46, 224, .28);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--font: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Unbounded", "Instrument Sans", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}::selection{background:#6f2ee033}:focus-visible{outline:none;box-shadow:var(--focus)}a:focus-visible,.navlink:focus-visible,.convitem:focus-visible{border-radius:var(--radius-sm)}button,.navlink,.convitem,.tab,.seg button{touch-action:manipulation}a{color:var(--brand-text);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-family:var(--display);font-weight:600;letter-spacing:-.02em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.nowrap{white-space:nowrap}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.right{margin-left:auto}.mt{margin-top:12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font-weight:550;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .16s var(--ease-out),box-shadow .15s ease}.btn:active:not(:disabled){transform:scale(.97)}@media (hover: hover) and (pointer: fine){.btn:hover{background:var(--surface-2);border-color:#c4b8da}}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:inset 0 1px #ffffff29,0 1px 2px #3a14824d}@media (hover: hover) and (pointer: fine){.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff59,0 1px 2px #7a4b0040}@media (hover: hover) and (pointer: fine){.btn.accent:hover{background:#e59a0c;border-color:#e59a0c}}.btn.danger{color:var(--danger);border-color:#f2c4cc}@media (hover: hover) and (pointer: fine){.btn.danger:hover{background:var(--danger-soft);border-color:#eaa3af}}.btn.ghost{border-color:transparent;background:transparent}@media (hover: hover) and (pointer: fine){.btn.ghost:hover{background:#6f2ee014}}.btn.sm{height:28px;padding:0 10px;font-size:12.5px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.input,select.input,textarea.input{width:100%;height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-3)}textarea.input{height:auto;padding:8px 10px;resize:vertical;line-height:1.45}.input:focus{border-color:var(--brand);box-shadow:var(--focus)}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;font-weight:600;color:var(--text-2)}.field .hint{font-size:11.5px;color:var(--text-3);font-weight:400}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);white-space:nowrap}.badge.info{background:var(--brand-soft);color:var(--brand-text);border-color:transparent}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.accent{background:var(--accent-soft);color:#7a4b00;border-color:transparent}.badge.brand{background:var(--brand);color:#fff;border-color:transparent}.count{font-variant-numeric:tabular-nums;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.count.danger{background:var(--danger);color:#fff}.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:56px;height:56px;font-size:18px}.app{display:flex;height:100%}.sidebar{width:232px;flex:none;background:radial-gradient(420px 260px at 0% 100%,rgba(242,165,22,.07),transparent 70%),radial-gradient(360px 300px at 100% 0%,rgba(139,61,255,.16),transparent 70%),var(--ink);color:#c9bfe0;display:flex;flex-direction:column;padding:14px 10px;gap:2px}.brandmark{display:flex;align-items:center;gap:10px;padding:6px 8px 20px;color:#fff}.brandmark b{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.02em}.brandmark small{display:block;font-size:11.5px;color:#a596c4;font-weight:500;margin-top:1px}.navlink{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;color:#c9bfe0;font-weight:550;position:relative;transition:background-color .15s ease,color .15s ease}.navlink svg{opacity:.8;transition:opacity .15s ease}@media (hover: hover) and (pointer: fine){.navlink:hover{background:#ffffff0f;color:#fff}}.navlink.active{background:linear-gradient(90deg,#8b3dff4d,#8b3dff24);color:#fff;box-shadow:inset 0 0 0 1px #b48cff24}.navlink.active svg,.navlink:hover svg{opacity:1}.navlink.active:before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 10px #f2a51699}.navlink:focus-visible{box-shadow:0 0 0 2px #b48cff99}.navlink .count{margin-left:auto}.sidebar .spacer{flex:1}.userbox{display:flex;align-items:center;gap:10px;padding:12px 8px 10px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px;color:#fff}.userbox .small{color:#a596c4}.conn{width:8px;height:8px;border-radius:50%;background:#e0a100;flex:none}.conn.on{background:#37d49a;box-shadow:0 0 0 3px #37d49a2e}.conn:not(.on){animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;overflow:auto;padding:22px 26px 40px}.pagehead{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.pagehead p{margin:2px 0 0}.mobilebar{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.wordmark{font-family:var(--display);font-weight:600;letter-spacing:-.02em}.card.pad{padding:16px 18px}.card h2{margin-bottom:12px}.section{margin-bottom:18px}.table-wrap{overflow:auto}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--text-2);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0;z-index:1}.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr.click{cursor:pointer}.table td{transition:background-color .12s ease}@media (hover: hover) and (pointer: fine){.table tr.click:hover td{background:#faf7ff}}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tab{padding:9px 14px;border:0;background:none;cursor:pointer;color:var(--text-2);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s ease,border-color .15s ease}@media (hover: hover) and (pointer: fine){.tab:hover:not(.active){color:var(--text)}}.tab.active{color:var(--brand);border-color:var(--brand)}.seg{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;background:#efeaf7;border-radius:8px;padding:3px;gap:2px}.seg button{transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;border:0;background:none;height:28px;padding:0 10px;border-radius:6px;cursor:pointer;font-weight:600;color:var(--text-2);font-size:12.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}.seg button.active{background:#fff;color:var(--text);box-shadow:0 1px 2px #1b14301a,0 0 0 .5px #1b14300f}@media (hover: hover) and (pointer: fine){.seg button:hover:not(.active){color:var(--text)}}.inbox{display:grid;grid-template-columns:350px minmax(0,1fr) 320px;height:100%;min-height:0}.inbox.no-panel{grid-template-columns:350px minmax(0,1fr)}.convlist{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}.convlist-head{padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.convlist-body{flex:1;overflow:auto}.convitem{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f1edf7;cursor:pointer;position:relative;transition:background-color .12s ease}@media (hover: hover) and (pointer: fine){.convitem:hover{background:#faf7ff}}.convitem.active{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.convitem.urgent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--danger);z-index:1}.convitem .name{font-weight:650}.convitem .preview{color:var(--text-2);font-size:13px}.convitem.unread .preview{color:var(--text);font-weight:550}.convitem .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.empty{padding:40px 20px;text-align:center;color:var(--text-3)}.empty svg{margin-bottom:10px;opacity:.45;color:var(--brand)}.empty{text-wrap:balance}.chat{display:flex;flex-direction:column;min-height:0;background-color:var(--chat-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.2v32.4L28 64.7 0 48.6V16.2Z M28 64.7V97' fill='none' stroke='%236f2ee0' stroke-opacity='.045' stroke-width='1'/%3E%3C/svg%3E")}.chat-head{display:flex;align-items:center;gap:8px 10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);min-height:64px;flex-wrap:wrap}.chat-body{flex:1;overflow:auto;padding:16px 6% 8px;display:flex;flex-direction:column;gap:4px}.daysep{align-self:center;margin:12px 0 6px;font-size:11.5px;font-weight:600;color:var(--text-2);background:#fff;border:1px solid var(--line);padding:3px 10px;border-radius:99px;box-shadow:0 1px 1px #0000000d;text-transform:capitalize}.bubble{max-width:min(72%,560px);padding:8px 12px 6px;border-radius:14px 14px 14px 4px;box-shadow:0 1px 1px #1b14300f;background:var(--bubble-in);align-self:flex-start;white-space:pre-wrap;word-wrap:break-word;line-height:1.42}.bubble.fresh{animation:bubble-in .32s var(--ease-out) both;transform-origin:bottom left}.bubble.out.fresh{transform-origin:bottom right}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.bubble.out{align-self:flex-end;background:var(--bubble-out);border-radius:14px 14px 4px}.bubble.bot{background:var(--bubble-bot);box-shadow:inset 0 0 0 1px #f3e6c8}.bubble.bot .who{color:#8a5600}.bubble.phone{background:#e7eefb}.bubble.phone .who{color:#2b5ea8}.bubble.failed{border:1px solid #f0b3b3}.bubble .who{font-size:11.5px;font-weight:650;color:var(--brand-text);margin-bottom:2px}.bubble .foot{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;color:var(--text-3);margin-top:2px}.bubble .err{color:var(--danger);font-size:12px;margin-top:4px}.bubble img{max-width:100%;max-height:320px;border-radius:6px;display:block;margin-bottom:4px}.bubble audio,.bubble video{max-width:100%}.bubble .options{display:flex;flex-direction:column;gap:4px;margin-top:6px}.bubble .options span{display:block;border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:5px 8px;font-size:12.5px;color:var(--brand-text);text-align:center}.filechip{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffffb3;border-radius:6px;margin-bottom:4px}.sysline{align-self:center;font-size:12px;color:#6b4a00;background:var(--accent-soft);border:1px solid #f6e2b4;padding:4px 10px;border-radius:8px;margin:6px 0}.composer{background:var(--surface);border-top:1px solid var(--line);padding:10px 14px;position:relative}.composer textarea{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;border:1px solid var(--line-strong);border-radius:12px;width:100%;resize:none;padding:9px 12px;min-height:42px;max-height:160px;outline:none;line-height:1.4}.composer textarea:focus{border-color:var(--brand);box-shadow:var(--focus)}.composer.note textarea{background:#fffbea;border-color:#eed98f}.qr-pop{position:absolute;left:14px;right:14px;bottom:calc(100% + 4px);background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow-pop);max-height:260px;overflow:auto;z-index:5;transform-origin:bottom left;animation:pop-in .16s var(--ease-out)}@keyframes pop-in{0%{opacity:0;transform:translateY(4px) scale(.98)}}.qr-pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;cursor:pointer}.qr-pop button:hover,.qr-pop button.sel{background:var(--brand-soft)}.window-warn{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--warn-soft);border:1px solid #f1d49b;border-radius:8px;color:#7a4a00;margin-bottom:8px;font-size:13px}.side{border-left:1px solid var(--line);background:var(--surface);overflow:auto;min-height:0}.side-sec{padding:14px 16px;border-bottom:1px solid var(--line)}.side-sec h3{font-size:13px;color:var(--text);font-weight:650;margin-bottom:10px;display:flex;align-items:center;gap:6px}.kv{display:grid;grid-template-columns:92px 1fr;gap:6px 8px;font-size:13px}.kv dt{color:var(--text-3)}.kv dd{margin:0;word-break:break-word}.note{background:#fffbea;border:1px solid #f3e6b3;border-radius:8px;padding:8px 10px;font-size:13px;white-space:pre-wrap}.note+.note{margin-top:6px}.req{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.req+.req{margin-top:6px}.stagebar{display:flex;gap:4px;flex-wrap:wrap}.stagebar button{border:1px solid var(--line-strong);background:#fff;border-radius:99px;height:26px;padding:0 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-2);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .16s var(--ease-out)}.stagebar button:active{transform:scale(.96)}.stagebar button.on{background:var(--brand);border-color:var(--brand);color:#fff}.stagebar button:hover:not(.on){border-color:var(--brand);color:var(--brand-text)}.stagebar button.on.lost{background:var(--danger);border-color:var(--danger)}.stagebar button.on.won{background:var(--ok);border-color:var(--ok)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#150d266b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:50;overflow:auto;overscroll-behavior:contain;animation:fade-in .2s ease-out}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;box-shadow:var(--shadow-pop),0 0 0 1px #1b14300f;animation:modal-in .26s var(--ease-out)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.96)}}.modal.wide{max-width:820px}.modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 16px 16px}.toasts{position:fixed;left:248px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60;max-width:380px}.toast{background:#221639f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:11px 14px;border-radius:12px;box-shadow:var(--shadow-pop);display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.4;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}@starting-style{.toast{opacity:0;transform:translateY(12px) scale(.97)}}.toast.leaving{opacity:0;transform:translate(-12px);transition-duration:.18s;transition-timing-function:ease-in}.toast svg{flex:none;margin-top:1px}.toast.error{background:#9b1c31}.toast.alert{background:#7a4a00}.toast{border-left:3px solid var(--accent)}.toast.error{border-left-color:#ff8fa0}.login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.login-art{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 85% 110%,rgba(139,61,255,.45),transparent 60%),radial-gradient(600px 400px at 0% 0%,rgba(242,165,22,.12),transparent 60%),var(--ink);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:40px;line-height:1.1;max-width:520px;letter-spacing:-.03em}.login-art h1{text-wrap:balance}.login-art h1 em{font-style:normal}.login-art p{color:#c9bfe0;max-width:460px;line-height:1.6;font-size:15px}.login-art>*{position:relative}.login-hex polygon.lit{animation:cell-glow .9s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + .2s)}@keyframes cell-glow{0%{fill:#f2a51600}40%{fill:#f2a51680}to{fill:#f2a5162e}}.login-hex{animation:fade-in 1.2s ease-out both;position:absolute!important;right:-130px;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side,#000 35%,transparent 100%)}.login-form{display:flex;align-items:center;justify-content:center;padding:32px;background:#fff}.login-form form{animation:form-in .5s var(--ease-out) .1s both;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}@keyframes form-in{0%{opacity:0;transform:translateY(8px)}}.error-box{animation:shake .32s var(--ease-out);background:var(--danger-soft);color:var(--danger);padding:9px 12px;border-radius:8px;font-size:13px}@keyframes shake{20%{transform:translate(-4px)}50%{transform:translate(3px)}80%{transform:translate(-1px)}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi{padding:14px 16px}.kpi .label{font-size:12px;font-weight:600;color:var(--text-2)}.kpi .value{line-height:1.1;font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .sub{font-size:12px;color:var(--text-3);margin-top:2px}.kpi.alert .value{color:var(--danger)}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.charts .span2{grid-column:span 2}.legend{display:flex;gap:14px;font-size:12px;color:var(--text-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.chart-tip{position:fixed;pointer-events:none;background:var(--ink-2);color:#fff;font-size:12px;padding:7px 9px;border-radius:6px;z-index:70;white-space:nowrap;box-shadow:var(--shadow)}.hbar{display:grid;grid-template-columns:140px 1fr 44px;gap:10px;align-items:center;font-size:13px;padding:4px 0}.hbar .track{height:14px;background:transparent;position:relative}.hbar .fill{height:100%;border-radius:0 4px 4px 0;background:var(--series-1);min-width:2px;transform-origin:left;animation:grow-x .6s var(--ease-out) both}@keyframes grow-x{0%{transform:scaleX(0)}}.hbar .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.sim{display:grid;grid-template-columns:320px minmax(0,420px);gap:20px;align-items:start}.phone{background:#111b21;border-radius:28px;padding:12px;box-shadow:var(--shadow)}.phone-screen{background:#efe7dd;border-radius:18px;height:620px;display:flex;flex-direction:column;overflow:hidden}.phone-top{background:#075e54;color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}.phone-body{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.phone-body .bubble{max-width:85%;font-size:13.5px}.phone-body .bubble.mine{align-self:flex-end;background:#d9fdd3}.phone-body .bubble.theirs{align-self:flex-start;background:#fff}.phone-input button{transition:transform .16s var(--ease-out)}.phone-input button:active{transform:scale(.92)}.phone-body .options button{border:0;border-top:1px solid #e3e3e3;background:none;color:#027eb5;padding:7px;cursor:pointer;font-weight:600;width:100%}.phone-input{display:flex;gap:6px;padding:8px;background:#f0f0f0}.phone-input input{flex:1;border:0;border-radius:20px;padding:9px 14px;outline:none}.phone-input button{width:40px;height:40px;border-radius:50%;border:0;background:#00a884;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.botopt{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-2)}.botopt+.botopt{margin-top:10px}@media (max-width: 1180px){.inbox{grid-template-columns:320px minmax(0,1fr)}.inbox .side{position:fixed;right:0;top:0;bottom:0;width:340px;z-index:30;box-shadow:-10px 0 30px #00000026}.inbox.no-panel .side{display:none}.charts{grid-template-columns:1fr}.charts .span2{grid-column:auto}}@media (max-width: 860px){.toasts{left:16px;right:16px}.app{flex-direction:column}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:40;width:260px;box-shadow:20px 0 60px #00000059;animation:drawer-in .32s var(--ease-drawer)}.sidebar.open+.main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#150d2673;animation:fade-in .2s ease-out}.input,.composer textarea,.phone-input input{font-size:16px}.mobilebar{display:flex;align-items:center;gap:10px;height:54px;padding:0 12px;background:var(--ink);color:#fff;flex:none}.page{padding:16px}.inbox,.inbox.no-panel{grid-template-columns:minmax(0,1fr)}.chat,.chat-head{min-width:0}.inbox.has-chat .convlist{display:none}.inbox:not(.has-chat) .chat{display:none}.inbox .side{width:100%}.mobilebar{padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top))}.login{grid-template-columns:1fr}.login-art{display:none}.grid2,.grid3,.sim{grid-template-columns:1fr}.chat-body{padding:12px 10px}.bubble{max-width:88%}}.chat-head .who-box{flex:1 1 200px;min-width:0}.chat-head .actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.side .grid2{grid-template-columns:1fr;gap:10px}.mobile-only{display:none!important}@media (max-width: 860px){.mobile-only{display:inline-flex!important}}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (max-width: 1180px){.inbox .side{animation:side-in .3s var(--ease-drawer)}}@keyframes side-in{0%{transform:translate(100%)}}.skeleton{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f1edf7}.skeleton i{display:block;border-radius:6px;background:linear-gradient(90deg,#f1edf7,#f8f5fc,#f1edf7);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton .sk-av{width:38px;height:38px;border-radius:50%;flex:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-property:opacity,background-color,border-color,color,box-shadow!important}.btn:active:not(:disabled),.stagebar button:active{transform:none}.skeleton i{animation:none}}.codcol{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.codcol-bar{display:flex;align-items:center;gap:12px;padding:12px 26px;background:var(--surface);border-bottom:1px solid var(--line)}.codcol-page{max-width:1100px;width:100%;margin:0 auto}.invite-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:10px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);word-break:break-all;-webkit-user-select:all;user-select:all}.support-banner{display:flex;align-items:center;gap:10px;padding:9px 26px;background:var(--warn-soft);color:var(--warn);font-size:13px;border-bottom:1px solid #f3dcb0;flex-wrap:wrap}.plan-usage{font-size:12.5px;color:var(--text-2)}.plan-usage.full{color:var(--warn);font-weight:600}@media (max-width: 720px){.codcol-bar{padding:10px 16px}.support-banner{padding:9px 16px}.hide-mobile{display:none}}.pwd{position:relative}.pwd .input{padding-right:44px;width:100%}.pwd-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:var(--text-3);border-radius:8px;cursor:pointer}.pwd-eye:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (hover: hover) and (pointer: fine){.pwd-eye:hover{color:var(--brand);background:var(--brand-soft)}}.pwd-rules{font-size:12.5px}.pwd-rules ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.pwd-rules li{display:flex;align-items:center;gap:6px;color:var(--text-3);transition:color .15s var(--ease-out, ease-out)}.pwd-rules li.ok{color:var(--ok)}.pwd-meter{height:4px;border-radius:99px;background:var(--line);overflow:hidden}.pwd-meter i{display:block;height:100%;background:var(--warn);border-radius:99px;transition:width .2s var(--ease-out, ease-out),background-color .2s}.pwd-meter i.full{background:var(--ok)}@media (max-width: 520px){.pwd-rules ul{grid-template-columns:1fr}}