@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-a: #f7efe3;--bg-b: #d9eee5;--bg-c: #f2d8bd;--panel: rgba(255, 250, 242, .82);--panel-stroke: rgba(40, 80, 74, .12);--panel-shadow: 0 18px 44px rgba(31, 54, 49, .14);--text: #1e2f2d;--muted: #5b6f6c;--accent: #0f766e;--accent-2: #d97706;--danger: #b91c1c;--ok: #0f766e}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;color:var(--text);font-family:Sora,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(900px 460px at 8% -6%,#fce4c8 0%,transparent 65%),radial-gradient(820px 420px at 98% 0%,#c8e8df 0%,transparent 60%),linear-gradient(140deg,var(--bg-a) 0%,var(--bg-b) 58%,var(--bg-c) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.26;background-image:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.8) 55%,transparent 80%),repeating-linear-gradient(45deg,rgba(15,118,110,.06) 0 2px,transparent 2px 18px)}h2,h3{margin:0;letter-spacing:-.02em}h2{font-size:1.42rem;font-weight:800}h3{font-size:1.03rem;font-weight:700}p{margin:0;color:var(--muted)}b{font-weight:700}.state-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.state-card,.login-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--panel-stroke);border-radius:26px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:26px}.login-card{position:relative;overflow:hidden}.login-card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,#d9770659,#d9770600 72%)}.login-header{position:relative;z-index:1;display:grid;gap:10px;margin-bottom:18px}.chip{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0f766e24;border:1px solid rgba(15,118,110,.24);color:#0f4f4a;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.form-col{display:grid;gap:10px;position:relative;z-index:1}.field-label{font-size:.77rem;color:#4b6260;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}.text-input{width:100%;border:1px solid #cadecf;background:#ffffffe0;color:var(--text);border-radius:14px;padding:11px 13px;font-size:.95rem;font-family:Sora,Avenir Next,sans-serif;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.text-input:focus{border-color:#0f766ea8;box-shadow:0 0 0 4px #0f766e26;transform:translateY(-1px)}.btn{border:1px solid transparent;border-radius:14px;padding:10px 13px;min-height:42px;font-family:Sora,Avenir Next,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}.btn:disabled{cursor:not-allowed;opacity:.62}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{color:#f6fffd;border-color:#0f766e8a;background:linear-gradient(130deg,#0f766e,#0ea5a3 65%,#0f766e);box-shadow:0 10px 22px #0f766e3d}.btn-soft{color:#244442;border-color:#0f766e40;background:#f0faf7eb}.btn-ghost{color:#365755;border-color:#375a5633;background:#ffffffa6}.alert{margin-top:10px;border-radius:12px;padding:10px 12px;font-size:.85rem;line-height:1.35}.alert-error{color:#821818;border:1px solid rgba(185,28,28,.2);background:#fee2e2b8}.alert-info{color:#1f5a54;border:1px solid rgba(15,118,110,.22);background:#dbf5efbf}.app-shell{min-height:100%;padding:20px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--panel-stroke);border-radius:24px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-panel{padding:14px;max-height:calc(100vh - 40px);overflow:auto}.main-panel{padding:18px;max-height:calc(100vh - 40px);overflow:auto}.sidebar-top,.toolbar-row,.main-header-row,.composer-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.toolbar-row{justify-content:flex-start;flex-wrap:wrap;margin-top:10px}.toolbar-row.compact{margin-top:0}.user-badge{padding:6px 11px;border-radius:999px;background:#d977061f;color:#8a4f07;border:1px solid rgba(217,119,6,.24);font-size:.77rem;font-weight:700}.sidebar-alert{margin-bottom:10px}.account-list{display:grid;gap:9px}.account-card{border-radius:14px;padding:11px;border:1px solid rgba(38,74,70,.14);background:#ffffffad;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;animation:rise-up .48s ease both}.account-card:hover{transform:translateY(-2px);border-color:#0f766e73;box-shadow:0 8px 20px #1f363129}.account-card.active{background:linear-gradient(145deg,#dcf6f0f2,#fafcfbe6);border-color:#0f766e75}.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.account-title{margin-bottom:5px;line-height:1.25}.account-phone{margin:-1px 0 7px;color:#5c7471;font-size:.76rem}.status-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.73rem;font-weight:700;border:1px solid transparent}.status-pill.ready{background:#10b98124;color:#0b5f46;border-color:#10b98147}.status-pill.pending{background:#f59e0b2e;color:#8f4e08;border-color:#f59e0b59}.status-pill.error{background:#ef444426;color:#8a1f1f;border-color:#ef44444d}.status-pill.idle{background:#64748b26;color:#475569;border-color:#64748b38}.mini-error{margin-top:7px;color:#9d2b2b;font-size:.78rem}.mini-btn{border:1px solid rgba(38,74,70,.22);background:#ffffffb8;color:#436260;border-radius:9px;padding:4px 8px;min-height:28px;font-size:.73rem;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.mini-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#0f766e73;background:#eefaf6f2}.mini-btn:disabled{opacity:.62;cursor:not-allowed}.mini-btn.danger{border-color:#b91c1c3d;color:#9a2d2d;background:#fef2f2db}.mini-btn.danger:hover:not(:disabled){border-color:#b91c1c61;background:#fee2e2f2}.main-header-row{margin-bottom:12px}.main-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.mono-id{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.77rem;color:#4c6a68;padding:7px 10px;border-radius:10px;background:#ffffffb3;border:1px solid rgba(38,74,70,.15)}.empty-state,.empty-list{padding:14px;border-radius:12px;border:1px dashed rgba(65,95,92,.25);background:#ffffff80;color:#4f6664}.auth-card{margin-top:12px;border-radius:16px;border:1px solid rgba(38,74,70,.16);background:#ffffffbf;padding:12px}.section-title{font-size:.9rem;font-weight:700;margin-bottom:8px}.qr-wrap img{border-radius:12px;border:1px solid rgba(65,95,92,.2);background:#fff}.muted-note{margin-top:8px;font-size:.82rem;color:#556f6d;line-height:1.35}.subtle-note{margin-top:10px;font-size:.8rem;color:#4f6967}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#18242257;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(560px,100%);max-height:min(86vh,760px);overflow:auto;border-radius:20px;border:1px solid rgba(38,74,70,.18);background:#fffcf6f2;box-shadow:0 18px 42px #16282447;padding:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-grid{margin-top:10px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px 12px;align-items:center}.settings-label{font-size:.9rem;color:#435f5c;font-family:IBM Plex Mono,ui-monospace,monospace}.phone-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:12px}.phone-side-note{border-radius:12px;border:1px solid rgba(65,95,92,.16);background:#f1faf7b3;padding:12px;display:grid;gap:10px}.hint-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.72rem;background:#0ea5e924;color:#075985;border:1px solid rgba(14,165,233,.27)}.divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,rgba(64,93,90,.3),transparent)}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px;align-items:start}.workspace-col{display:grid;gap:8px}.dialogs-box,.messages-box{border-radius:14px;border:1px solid rgba(38,74,70,.14);background:#ffffffc2;overflow:auto}.dialog-row{padding:9px 10px;border-bottom:1px solid rgba(38,74,70,.08);cursor:pointer;animation:rise-up .42s ease both;transition:background .18s ease,transform .18s ease}.dialog-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(130deg,#0f766e,#0ea5a3 80%);border:1px solid rgba(15,118,110,.35)}.dialog-row:hover{background:#eefaf6e6}.dialog-row.active{background:#d9f3edf2}.dialog-meta{margin-top:3px;font-size:.77rem;color:#567170}.messages-box{min-height:52vh;max-height:62vh;padding:10px}.message-bubble{max-width:74%;padding:8px 11px;border-radius:13px;margin-bottom:8px;font-size:.92rem;line-height:1.35;white-space:pre-wrap;animation:message-pop .25s ease both}.message-bubble.in{background:#f2f6f6;border:1px solid rgba(75,99,96,.16);margin-right:auto}.message-bubble.out{background:linear-gradient(145deg,#d9f7f2,#ccefe7);border:1px solid rgba(15,118,110,.22);margin-left:auto}.message-meta{font-size:.72rem;opacity:.68;margin-bottom:3px}.bot-inline-rows{margin-top:8px;display:grid;gap:6px}.bot-inline-row{display:flex;flex-wrap:wrap;gap:6px}.bot-btn{border:1px solid rgba(15,118,110,.28);background:#e2f7f2eb;color:#0d5a54;border-radius:10px;padding:6px 10px;min-height:32px;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.bot-btn.url{background:#e6efffe6;border-color:#2563eb4d;color:#194489}.bot-btn.reply{background:#eefaf6f5}.bot-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#0f766e73}.bot-btn:disabled{opacity:.6;cursor:not-allowed}.reply-keyboard{margin-top:10px;padding:9px;border-radius:12px;border:1px solid rgba(38,74,70,.16);background:#f4fcfae0;display:grid;gap:7px}.reply-keyboard-title{font-size:.75rem;font-weight:700;color:#4f6866;text-transform:uppercase;letter-spacing:.04em}.composer-row{margin-top:10px}.composer-row .text-input{flex:1}.fade-up{animation:rise-up .55s ease both}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.16s}@keyframes rise-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes message-pop{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr;padding:14px}.sidebar-panel,.main-panel{max-height:unset}.workspace-grid,.phone-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr;gap:6px}.messages-box{min-height:44vh;max-height:52vh}.login-card,.state-card{padding:20px}}