@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition: .15s ease;--brand: #4f7cff;--brand-hover: #3d6aee;--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--info: #60a5fa;--ch-wa: #25d366;--ch-tg: #2aabee;--ch-max: #a855f7;--ch-vk: #4680c2;--ch-sms: #f59e0b;--ch-av: #00aaff;--ch-ig: #E1306C;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}:root,html.dark{--bg-base: #0d0f14;--bg-surface: #141720;--bg-elevated:#1a1e2a;--bg-hover: #1e2333;--bg-active: #222840;--bg-input: #161922;--border-subtle: #1f2536;--border-default: #252c3e;--border-strong: #2e3750;--text-primary: #e8eaf0;--text-secondary: #8b93a8;--text-muted: #5a6278;--text-link: #6b8cff;--brand-dim: #1a2d6b;--success-bg: #0d2e1e;--warn-bg: #2a1f08;--danger-bg: #2e1111;--info-bg: #0d1f40;--ch-wa-bg: #0a1f12;--ch-tg-bg: #081827;--ch-max-bg: #1a0b2e;--ch-vk-bg: #0b1626;--ch-sms-bg: #211708;--ch-av-bg: #001e38;--ch-ig-bg: #2d0a16;--msg-out: #1a2d5e;--msg-in: #171c2b;--msg-out-border: #2a4080;--msg-in-border: #1f2538;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}html.light{--bg-base: #f0f2f7;--bg-surface: #ffffff;--bg-elevated:#f8f9fc;--bg-hover: #ebedf5;--bg-active: #e2e5f0;--bg-input: #f5f6fa;--border-subtle: #e0e3ee;--border-default: #cdd1e0;--border-strong: #b8bdd0;--text-primary: #111422;--text-secondary: #4a5270;--text-muted: #8891aa;--text-link: #3d6aee;--brand-dim: #e8edf9;--success-bg: #dcfce7;--warn-bg: #fef9c3;--danger-bg: #fee2e2;--info-bg: #dbeafe;--ch-wa-bg: #dcfce7;--ch-tg-bg: #e0f2fe;--ch-max-bg: #f3e8ff;--ch-vk-bg: #dbeafe;--ch-sms-bg: #fef9c3;--ch-av-bg: #e0f2fe;--ch-ig-bg: #fce7ef;--msg-out: #dbeafe;--msg-in: #f0f2f7;--msg-out-border: #bfdbfe;--msg-in-border: #e0e3ee;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}html{transition:background-color .2s,color .2s}html,body,#root{height:100%;overflow:hidden}@supports (height: 100dvh){@media (max-width: 768px){html,body,#root{height:100dvh}}}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}button,a,label{touch-action:manipulation}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none;background:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-weight:500;font-size:13px;transition:background var(--transition),opacity var(--transition),box-shadow var(--transition);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 0 0 1px var(--brand)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover:not(:disabled){background:#3d1616}.btn-icon{padding:6px;border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-xs{padding:2px 8px;font-size:11px;border-radius:4px}input:not([type=checkbox]):not([type=radio]),textarea,select{font-family:inherit;font-size:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:7px 11px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;cursor:pointer;accent-color:var(--brand)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f7cff26}input::placeholder,textarea::placeholder{color:var(--text-muted)}.ch-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ch-wa{background:var(--ch-wa-bg);color:var(--ch-wa)}.ch-tg{background:var(--ch-tg-bg);color:var(--ch-tg)}.ch-max{background:var(--ch-max-bg);color:var(--ch-max)}.ch-vk{background:var(--ch-vk-bg);color:var(--ch-vk)}.ch-sms{background:var(--ch-sms-bg);color:var(--ch-sms)}.ch-av{background:var(--ch-av-bg);color:var(--ch-av)}.ch-ig{background:var(--ch-ig-bg);color:var(--ch-ig)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;background:var(--brand);color:#fff}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-online{background:var(--success);box-shadow:0 0 0 2px var(--success-bg)}.dot-offline{background:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.card-sm{padding:14px 16px;border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:9px 14px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle)}.table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.divider{height:1px;background:var(--border-subtle);margin:0}.spinner{width:22px;height:22px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .65s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes qr-pulse{0%{box-shadow:0 0 #4f7cffb3}70%{box-shadow:0 0 0 6px #4f7cff00}to{box-shadow:0 0 #4f7cff00}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);height:100%;padding:40px;text-align:center}.empty svg{opacity:.25}.empty h3{font-size:15px;font-weight:600;color:var(--text-secondary)}.empty p{font-size:13px;max-width:280px}.meta{font-size:11px;color:var(--text-muted)}.form-row{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-hint{font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:28px;min-width:420px;max-width:560px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:700}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-bubble-new{animation:msgIn .17s cubic-bezier(.22,.68,0,1.2) both}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444480;opacity:.75}55%{box-shadow:0 0 0 4px #ef444400;opacity:1}}.status-offline-pulse{background:#ef4444!important;animation:pulseRed 2.2s ease-in-out infinite}@keyframes pulseYellow{0%,to{box-shadow:0 0 #f59e0b80;opacity:.7}55%{box-shadow:0 0 0 4px #f59e0b00;opacity:1}}.status-unknown-pulse{background:#f59e0b!important;animation:pulseYellow 1.8s ease-in-out infinite}.btn:active{transform:scale(.96);transition:transform 60ms}.btn-icon:active{transform:scale(.88);transition:transform 60ms}.chat-item-anim{transition:background var(--transition),box-shadow .12s ease}.chat-item-anim:active{transform:scale(.995)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-slide{animation:fadeSlide .22s ease both}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-md);min-width:260px;display:flex;align-items:center;gap:10px;animation:slideIn .2s ease;font-size:13px}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.msg-status{font-size:11px;color:var(--text-muted)}.msg-status-read{color:var(--brand)}kbd{display:inline-block;padding:1px 5px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;font-size:10px;font-family:monospace;color:var(--text-secondary)}:root,html.dark,html.light{--text1: var(--text-primary);--text2: var(--text-secondary);--text3: var(--text-muted);--bg1: var(--bg-base);--bg2: var(--bg-surface);--bg3: var(--bg-elevated);--border: var(--border-default);--warning: var(--warn)}.modal-body{display:flex;flex-direction:column;gap:14px}.tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tab-title{font-size:15px;font-weight:700;color:var(--text-primary)}.tab-loading{color:var(--text-muted);font-size:13px;padding:20px 0}.profiles-tab{max-width:800px}.profiles-list{display:flex;flex-direction:column;gap:8px}.profile-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition),background var(--transition)}.profile-card:hover{border-color:var(--border-default);background:var(--bg-hover)}.profile-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.profile-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.profile-avatar{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg-elevated);overflow:hidden}.profile-avatar svg{width:100%;height:100%;display:block}.profile-info{min-width:0}.profile-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.channel-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.channel-tag.ch-whatsapp{background:var(--ch-wa-bg);color:var(--ch-wa)}.channel-tag.ch-telegram{background:var(--ch-tg-bg);color:var(--ch-tg)}.channel-tag.ch-max{background:var(--ch-max-bg);color:var(--ch-max)}.channel-tag.ch-vk{background:var(--ch-vk-bg);color:var(--ch-vk)}.channel-tag.ch-sms{background:var(--ch-sms-bg);color:var(--ch-sms)}.channel-tag.ch-avito{background:var(--ch-av-bg);color:var(--ch-av)}.channel-tag.ch-instagram{background:var(--ch-ig-bg);color:var(--ch-ig)}.channel-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.channel-type-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-size:12px}.channel-type-btn:hover{border-color:var(--brand);color:var(--text-primary)}.channel-type-btn.active{border-color:var(--brand);background:var(--brand-dim);color:var(--brand)}.form-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 12px;font-family:inherit;font-size:13px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f7cff1f}.form-section{display:flex;flex-direction:column;gap:10px}.form-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.form-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.form-label-inline{display:flex;align-items:center;font-size:13px;color:var(--text-secondary);cursor:pointer}.info-box{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--info-bg);border:1px solid rgba(96,165,250,.2);color:var(--text-secondary);font-size:12px;line-height:1.5}.info-box strong{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state-desc{font-size:13px;color:var(--text-muted);max-width:300px;line-height:1.6}.guide-box{background:#4f7cff12;border:1px solid rgba(79,124,255,.18);border-radius:var(--radius-md);padding:12px 14px}.guide-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.guide-steps{list-style:none;display:flex;flex-direction:column;gap:6px}.guide-step{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-secondary);line-height:1.5}.guide-step-warn{color:var(--warn)}.guide-step-warn .guide-step-num{background:#fbbf2426;color:var(--warn)}.guide-step-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:4px;background:#4f7cff26;color:var(--brand);font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px}.qr-steps{display:flex;flex-direction:column;gap:7px}.qr-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.qr-step>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-dim);color:var(--brand);font-size:11px;font-weight:700;flex-shrink:0}@media (max-width: 768px){.modal-overlay{align-items:flex-end;padding:0}.modal{min-width:unset;width:100%;max-height:92dvh;overflow-y:auto;padding:16px 16px calc(16px + var(--sab));border-radius:20px 20px 0 0;border-bottom:none;background-image:radial-gradient(ellipse 40px 4px at 50% 10px,var(--border-strong) 100%,transparent 100%);background-repeat:no-repeat}.modal-header{padding-top:14px}.modal-footer{flex-wrap:wrap;gap:6px}.modal-footer .btn{flex:1;justify-content:center}.channel-type-grid{grid-template-columns:repeat(3,1fr)}.profile-card{flex-wrap:wrap;gap:6px 8px;padding:10px 12px}.profile-card-left{min-width:0}.profile-card-actions{width:100%;flex-wrap:wrap;gap:4px;border-top:1px solid var(--border-subtle);padding-top:8px}.profile-card-actions .btn,.profile-card-actions .btn-icon{flex:1;min-width:40px;justify-content:center}.toast-container{bottom:calc(70px + var(--sab));right:10px;left:10px}.toast{min-width:unset;font-size:12px}.hdr-app-name,.hdr-user-name,.hdr-status-lbl{display:none}.btn-icon{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}button:active:not(:disabled){opacity:.72;transition:opacity 60ms}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}[style*=overflow]{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:0;height:0}.form-section{gap:8px}.form-row{gap:4px}.guide-box{padding:10px 12px}.guide-steps{gap:5px}.profile-name{font-size:13px;flex-wrap:wrap}.profile-meta{font-size:12px}.info-box{padding:8px 12px;font-size:11px}.chat-header-mobile{padding:7px 8px!important;gap:6px!important}.chat-header-mobile .chat-avatar{width:34px!important;height:34px!important}.chat-header-mobile .chat-meta{display:none!important}.chat-header-mobile .btn-icon{min-width:36px;min-height:36px}.msg-bubble-inner{padding:6px 9px!important;font-size:13px!important}.section-hdr{padding:4px 10px 3px!important;font-size:10px!important}}@media (max-width: 480px){.channel-type-grid{grid-template-columns:repeat(2,1fr)}.modal{padding:14px 14px calc(14px + var(--sab))}}