:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--danger: #ef4444;--dark: #1f2937;--light: #f8fafc;--border: #e5e7eb;--muted: #6b7280;--background: #ffffff;--surface: #f9fafb;--surface-hover: #f3f4f6;--text: #111827;--text-muted: #6b7280;--text-light: #9ca3af;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--radius: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem}@media (prefers-color-scheme: dark){:root{--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--dark: #f8fafc;--light: #334155;--text: #f1f5f9;--text-muted: #cbd5e1;--text-light: #94a3b8;--border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text);overflow:hidden;font-size:14px;line-height:1.5}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-card{background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:3rem 2.5rem;width:100%;max-width:420px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.login-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:500}.form-group{margin-bottom:1.75rem}.form-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--text);font-size:.9rem}.form-input,.form-textarea{width:100%;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--surface);color:var(--text);font-weight:500;font-family:inherit}.form-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a;background:var(--background)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-full{width:100%}.btn-sm{padding:.75rem 1.25rem;font-size:.875rem}.btn-icon{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.875rem;padding:0}.btn-icon:hover{background:var(--surface-hover);border-color:var(--primary);transform:scale(1.05)}.app-container{display:none;height:100vh;flex-direction:column}.app-container.active{display:flex}.app-header{height:4.5rem;background:var(--background);border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:var(--shadow-sm);position:relative;z-index:50}.header-brand{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:800;color:var(--primary)}.header-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.header-actions{display:flex;align-items:center;gap:1.25rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--border);font-weight:600}.user-role{font-size:.75rem;padding:.25rem .75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:9999px;font-weight:700;text-transform:uppercase}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--muted);position:relative}.status-indicator.connected{background:var(--success);box-shadow:0 0 0 3px #10b98133}.status-indicator.connected:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.main-content{flex:1;display:flex;overflow:hidden}.sidebar{width:380px;background:var(--surface);border-right:2px solid var(--border);display:flex;flex-direction:column;position:relative}.sidebar-header{padding:1.25rem;border-bottom:2px solid var(--border)}.search-container{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--border);border-radius:var(--radius-xl);font-size:.9rem;background:var(--background);color:var(--text);font-weight:500;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.status-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem}.status-filter{padding:.5rem .375rem;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--text);font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s;position:relative;overflow:hidden}.status-filter:hover{border-color:var(--primary);transform:translateY(-1px)}.status-filter.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);box-shadow:var(--shadow)}.chats-list{flex:1;overflow-y:auto;scrollbar-width:thin;position:relative;scroll-behavior:smooth}.chats-list::-webkit-scrollbar{width:6px}.chats-list::-webkit-scrollbar-track{background:var(--surface)}.chats-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chats-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}.chat-item{padding:1rem 1.25rem;min-height:85px;height:auto;border-bottom:1px solid rgba(229,231,235,.5);cursor:pointer;transition:background-color .15s ease,transform .15s ease;position:relative;background:var(--background);display:flex;flex-direction:column;justify-content:space-between;contain:layout}.chat-item:hover{background:var(--surface-hover);transform:translate(4px)}.chat-item.active{background:#2563eb1a;border-left:4px solid var(--primary);box-shadow:inset 0 0 0 1px #2563eb1a}.chat-item.unread{background:#10b9810d;border-left:4px solid var(--success)}.chat-item.unread.active,.chat-item.pinned.active{border-left:4px solid var(--primary)}.chat-item.pinned{background:#f59e0b0d;border-left:4px solid var(--warning)}.chat-item:focus{outline:2px solid var(--primary);outline-offset:2px}.chat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.chat-name{font-weight:700;color:var(--text);font-size:.9rem;line-height:1.3;flex:1;margin-right:.75rem}.chat-badge{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.chat-preview{color:var(--text-muted);font-size:.8rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.4rem 0;max-width:100%}.chat-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.chat-label{color:var(--primary);font-style:italic;font-size:.75rem;font-weight:600}.chat-time{color:var(--text-light);font-size:.7rem;text-align:right}.status-badge{padding:.2rem .6rem;border-radius:9999px;font-size:.65rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.025em}.status-badge.NEW,.status-badge.Новый{background:#6b7280}.status-badge.REG,.status-badge.РЕГ{background:#3b82f6}.status-badge.REGISTERED,.status-badge.ЗАРЕГАН{background:#10b981}.status-badge.DEPOSITED,.status-badge.ДЕПОЗИТ{background:#f59e0b}.status-badge.RESERVED,.status-badge.БРОНЬ{background:#8b5cf6}.status-badge.PURCHASED,.status-badge.КУП{background:#06d6a0}.status-badge.BROKE,.status-badge.ПОПРОШАЙКА,.status-badge.NO_MONEY,.status-badge.НЕТ_ДЕНЕГ{background:#ef4444}.unread-badge{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:var(--shadow)}.pin-indicator{color:var(--warning);font-size:.8rem;font-weight:700}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--background);position:relative}.chat-header-bar{padding:1.25rem 1.5rem;background:var(--surface);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.chat-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.chat-subtitle{font-size:.8rem;color:var(--text-muted);font-weight:500}.chat-actions{display:flex;gap:.5rem}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;position:relative;background:linear-gradient(135deg,#2563eb08,#10b98108);scroll-behavior:smooth;will-change:scroll-position}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.messages-container.loading{overflow-y:hidden}.message{margin-bottom:1rem;display:flex;gap:.75rem;animation:slideUp .3s ease;contain:layout style paint}.message.outgoing{justify-content:flex-end}.message-bubble{max-width:70%;padding:.875rem 1rem;border-radius:var(--radius-xl);position:relative;box-shadow:var(--shadow-sm);transition:all .2s;contain:layout style}.message-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.message.incoming .message-bubble{background:var(--surface);border:2px solid var(--border);border-bottom-left-radius:var(--radius)}.message.outgoing .message-bubble{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-bottom-right-radius:var(--radius)}.message-content{margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:.9rem;overflow:hidden}.message-meta{font-size:.7rem;opacity:.7;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.message-status{display:inline-flex;align-items:center;gap:.125rem;font-size:.8rem}.message-status[data-status=read]{animation:statusUpdate .3s ease;color:var(--success)}.message.outgoing .message-status{color:#ffffffe6}@keyframes statusUpdate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.message-translate-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:#0000001a;color:var(--text-muted);border-radius:50%;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message:hover .message-translate-btn{opacity:1}.message-translate-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.message.translated .message-content{border-left:4px solid var(--success);padding-left:1rem;background:#10b9811a;border-radius:var(--radius);margin-left:-.25rem;animation:translateSlide .4s ease}.translation-info{font-size:.7rem;color:var(--success);margin-top:.5rem;font-style:italic;font-weight:500;opacity:0;animation:fadeIn .3s ease .2s forwards}@keyframes translateSlide{0%{background:#10b98100;border-left-width:0;padding-left:0;margin-left:0}to{background:#10b9811a;border-left-width:4px;padding-left:1rem;margin-left:-.25rem}}.message-media,.message-media-container,.message-media-group{width:100%;max-width:100%;margin-bottom:.75rem;animation:mediaFadeIn .3s ease}.photo-media{border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:320px}.media-image{display:block;width:100%;height:auto;max-width:320px;max-height:320px;object-fit:cover;background:var(--surface);cursor:pointer;transition:opacity .2s;border-radius:var(--radius-lg)}.media-image:hover{opacity:.95}.video-media{border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:320px}.media-video{display:block;width:100%;height:auto;max-width:320px;max-height:240px;background:#000;border-radius:var(--radius-lg)}.video-note-media{width:200px;height:200px;position:relative}.video-note-container{width:200px;height:200px;border-radius:50%;overflow:hidden;position:relative;background:#000;box-shadow:var(--shadow)}.media-video-note{width:100%;height:100%;object-fit:cover;display:block}.media-video-note::-webkit-media-controls{opacity:0;transition:opacity .3s}.video-note-container:hover .media-video-note::-webkit-media-controls{opacity:1}.media-voice{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0000000d;border-radius:var(--radius-lg);min-width:200px;max-width:280px}.voice-play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.voice-play-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.media-document{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0000000d;border-radius:var(--radius);color:inherit;text-decoration:none;transition:all .2s;max-width:280px;word-break:break-word}.media-document:hover{background:#0000001a}.media-caption{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:.9rem;max-width:320px}.message-media-group>div{max-width:320px!important}.message.outgoing .media-caption{border-top-color:#fff3}.quick-msg-preview-media{font-size:.8rem;color:var(--success);margin-bottom:.5rem;font-weight:600}@keyframes mediaFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.send-form{background:var(--surface);border-top:2px solid var(--border);padding:1.25rem;box-shadow:var(--shadow-lg)}.send-container{display:flex;gap:.875rem;align-items:flex-end}.message-input-wrapper{flex:1;min-width:0}.message-input{width:100%;border:2px solid var(--border);border-radius:var(--radius-xl);padding:.875rem 1rem;font-size:.9rem;resize:none;min-height:2.75rem;max-height:7rem;font-family:inherit;background:var(--background);color:var(--text);transition:all .2s;font-weight:500}.message-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.send-btn{width:2.75rem;height:2.75rem;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all .2s;box-shadow:var(--shadow)}.send-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{background:var(--muted);cursor:not-allowed;transform:none}.media-toolbar,.formatting-toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.formatting-toolbar{padding:.75rem;background:var(--background);border-radius:var(--radius-lg);border:2px solid var(--border)}.media-btn,.format-btn{padding:.5rem;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--background);cursor:pointer;transition:all .2s;font-size:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.format-btn{width:auto;min-width:32px;height:32px;font-size:.8rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--radius);background:var(--surface)}.media-btn:hover,.format-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.format-btn:hover{background:var(--surface-hover);color:var(--text);transform:none;box-shadow:none}.format-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary)}.media-btn:focus,.format-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.format-preview{margin-top:.75rem;padding:.75rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);font-size:.9rem;line-height:1.6;color:var(--text)}.upload-progress{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:1rem}.upload-progress-bar{height:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));transition:width .3s ease;border-radius:2px}.cache-stats{padding:1rem;border-top:2px solid var(--border);background:var(--background);font-size:.75rem;color:var(--text-muted)}.cache-stat-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.cache-stat-item:last-child{margin-bottom:0}.admin-tools{display:flex;gap:.5rem}.auth-step{display:none}.auth-step.active{display:block;animation:slideUp .3s ease}.auth-step-title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.auth-step-description{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.system-stats{display:grid;gap:.5rem}.stat-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-radius:var(--radius);border:2px solid var(--border)}.stat-label{font-weight:600;color:var(--text-muted)}.stat-value{font-weight:700;color:var(--text)}.multi-file-selector{padding:3rem 2rem;border:3px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .3s;background:var(--surface)}.multi-file-selector:hover,.multi-file-selector.drag-over{border-color:var(--primary);background:#2563eb0d;transform:scale(1.02)}.file-list{margin:1.5rem 0;display:grid;gap:.75rem;max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border-radius:var(--radius);border:2px solid var(--border);transition:all .2s}.file-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{font-size:1.5rem}.file-details{flex:1}.file-name{font-weight:600;color:var(--text);margin-bottom:.25rem;word-break:break-word}.file-size{font-size:.8rem;color:var(--text-muted)}.file-remove{width:2rem;height:2rem;border:none;background:var(--danger);color:#fff;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s}.file-remove:hover{transform:scale(1.1);box-shadow:var(--shadow)}.quick-messages-grid{display:grid;gap:1.25rem;max-height:500px;overflow-y:auto}.quick-messages-grid::-webkit-scrollbar{width:8px}.quick-messages-grid::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}.quick-messages-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.quick-messages-grid::-webkit-scrollbar-thumb:hover{background:var(--muted)}.quick-message-item{padding:1.5rem;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;position:relative;background:var(--surface)}.quick-message-item:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.quick-message-item:focus{outline:2px solid var(--primary);outline-offset:2px}.quick-message-item.has-media{border-left:4px solid var(--success);background:linear-gradient(135deg,#10b98105,#2563eb05)}.quick-message-item.has-media:hover{border-left-color:var(--primary);background:linear-gradient(135deg,#10b9810d,#2563eb0d)}.quick-message-title{font-weight:700;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:flex-start;color:var(--text);font-size:1rem}.quick-message-content{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}.quick-msg-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.category-tag{display:inline-block;padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600}.quick-message-form{display:grid;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-message-media-section{margin-bottom:1.5rem;padding:1rem;background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--border)}.quick-message-media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quick-message-media-actions{display:flex;gap:.75rem;align-items:center}.media-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.media-upload-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.media-count-badge{padding:.25rem .75rem;background:#2563eb1a;color:var(--primary);border-radius:9999px;font-size:.75rem;font-weight:600}.quick-msg-file-list{display:grid;gap:.75rem;max-height:300px;overflow-y:auto}.quick-msg-file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--background);border-radius:var(--radius);border:2px solid var(--border);transition:all .2s;animation:slideInMedia .3s ease}.quick-msg-file-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.quick-msg-file-info{display:flex;align-items:center;gap:1rem;flex:1}.quick-msg-file-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.quick-msg-file-details{flex:1;min-width:0}.quick-msg-file-name{font-weight:600;color:var(--text);font-size:.9rem;margin-bottom:.25rem;word-break:break-word}.quick-msg-file-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.quick-msg-file-size{font-weight:500}.quick-msg-file-remove{width:2rem;height:2rem;border:none;background:var(--danger);color:#fff;border-radius:50%;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;flex-shrink:0}.quick-msg-file-remove:hover{transform:scale(1.1);box-shadow:var(--shadow)}@keyframes slideInMedia{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.modal.show{display:flex;animation:fadeIn .3s ease}.modal-content{background:var(--background);border-radius:var(--radius-xl);padding:2.5rem;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:2px solid var(--border);position:relative;animation:slideUp .3s ease}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text)}.modal-close{width:2.5rem;height:2.5rem;border:none;background:var(--surface);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);transition:all .2s}.modal-close:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.media-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:none;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-viewer.show{display:flex;animation:fadeIn .3s ease}.media-viewer-content{max-width:90%;max-height:90%;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.media-viewer-content img{max-width:90vw;max-height:90vh;object-fit:contain}.media-viewer-content video{max-width:90vw;max-height:90vh}.media-viewer-close{position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.media-viewer-close:hover{background:#ffffff4d;transform:scale(1.1)}.notification{position:fixed;top:6rem;right:2rem;padding:1.25rem 2rem;border-radius:var(--radius-lg);color:#fff;font-size:.95rem;font-weight:600;box-shadow:var(--shadow-xl);z-index:3000;transform:translate(400px);transition:transform .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification.show{transform:translate(0)}.notification.success{background:linear-gradient(135deg,var(--success),var(--success-light));border-color:var(--success)}.notification.error{background:linear-gradient(135deg,var(--danger),#f87171);border-color:var(--danger)}.notification.warning{background:linear-gradient(135deg,var(--warning),#fbbf24);border-color:var(--warning)}.notification.info{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:var(--primary)}.spinner{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.empty-description{font-size:.95rem;color:var(--text-muted)}.loading-more,.end-of-chats{padding:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.end-of-chats{font-size:.8rem;font-style:italic;color:var(--text-light)}.load-more-btn,.load-older-btn{width:100%;padding:.75rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .2s;margin:.5rem 0;font-size:.875rem}.load-older-btn{margin-bottom:1rem}.load-more-btn:hover,.load-older-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.sidebar{position:fixed;left:-380px;height:100%;z-index:100;transition:left .3s;box-shadow:var(--shadow-xl)}.sidebar.open{left:0}.chat-area{width:100%}.app-header{padding:0 1rem}.header-actions{gap:.75rem}.sidebar-header{padding:1rem}.chat-item{padding:.875rem 1rem;min-height:90px}.messages-container,.send-form{padding:1rem}.modal-content{width:95%;padding:2rem;margin:1rem}.formatting-toolbar,.media-toolbar{flex-wrap:wrap}.message-bubble{max-width:85%}.message-media,.message-media-container,.message-media-group{max-width:100%}.media-image,.media-video{max-width:240px;max-height:240px}.video-note-container{width:160px;height:160px}.message-media-group>div{max-width:240px!important}.media-caption{max-width:240px}.quick-message-media-header{flex-direction:column;gap:.75rem;align-items:flex-start}.quick-message-media-actions{width:100%;justify-content:space-between}.quick-msg-file-info{gap:.75rem}.quick-msg-file-icon{width:2rem;height:2rem;font-size:.875rem}.quick-msg-file-meta{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.virtual-container{position:relative;width:100%;min-height:100%}.virtual-content{position:absolute;top:0;left:0;right:0;width:100%}.virtual-spacer{width:100%}.messages-container{position:relative}.scroll-to-bottom-btn{position:fixed!important;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.auto-responder-indicator{display:inline-flex;align-items:center;padding:.25rem .75rem;background:linear-gradient(135deg,var(--success),#22c55e);color:#fff;border-radius:var(--radius);font-size:.85rem;font-weight:500}.auto-responder-indicator.disabled{background:var(--border);color:var(--text-muted)}@keyframes autoResponsePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.message.auto-response{animation:autoResponsePulse .5s ease;border-left:3px solid var(--success)}.message[data-v-a6cb8671]{margin-bottom:1rem;display:flex;gap:.75rem;animation:slideUp-a6cb8671 .3s ease;contain:layout style paint}.message.outgoing[data-v-a6cb8671]{justify-content:flex-end}.message-bubble[data-v-a6cb8671]{max-width:70%;padding:.875rem 1rem;border-radius:var(--radius-xl);position:relative;box-shadow:var(--shadow-sm);transition:all .2s;contain:layout style}.message-bubble[data-v-a6cb8671]:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.message.incoming .message-bubble[data-v-a6cb8671]{background:var(--surface);border:2px solid var(--border);border-bottom-left-radius:var(--radius)}.message.outgoing .message-bubble[data-v-a6cb8671]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-bottom-right-radius:var(--radius)}.message-translate-btn[data-v-a6cb8671]{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:#0000001a;color:var(--text-muted);border-radius:50%;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.message:hover .message-translate-btn[data-v-a6cb8671]{opacity:1}.message-translate-btn[data-v-a6cb8671]:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.message-content[data-v-a6cb8671]{margin-bottom:.5rem;white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:.9rem;overflow:hidden}.message-content.translated[data-v-a6cb8671],.media-caption.translated[data-v-a6cb8671]{border-left:4px solid var(--success);padding-left:1rem;background:#10b9811a;border-radius:var(--radius);margin-left:-.25rem;animation:translateSlide-a6cb8671 .4s ease;padding-top:.5rem;padding-bottom:.5rem}.translation-info[data-v-a6cb8671]{font-size:.7rem;color:var(--success);margin-top:.5rem;font-style:italic;font-weight:500;opacity:0;animation:fadeIn-a6cb8671 .3s ease .2s forwards}@keyframes translateSlide-a6cb8671{0%{background:#10b98100;border-left-width:0;padding-left:0;margin-left:0}to{background:#10b9811a;border-left-width:4px;padding-left:1rem;margin-left:-.25rem}}@keyframes fadeIn-a6cb8671{0%{opacity:0}to{opacity:1}}.media-group-container[data-v-a6cb8671]{margin-bottom:.75rem;width:100%;max-width:320px}.media-group-grid[data-v-a6cb8671]{display:grid;gap:2px;border-radius:var(--radius-lg);overflow:hidden;background:var(--border)}.media-group-grid.grid-1[data-v-a6cb8671]{grid-template-columns:1fr}.media-group-grid.grid-2[data-v-a6cb8671]{grid-template-columns:1fr 1fr}.media-group-grid.grid-3[data-v-a6cb8671],.media-group-grid.grid-4[data-v-a6cb8671],.media-group-grid.grid-5[data-v-a6cb8671],.media-group-grid.grid-6[data-v-a6cb8671],.media-group-grid.grid-7[data-v-a6cb8671],.media-group-grid.grid-8[data-v-a6cb8671],.media-group-grid.grid-9[data-v-a6cb8671],.media-group-grid.grid-10[data-v-a6cb8671]{grid-template-columns:repeat(3,1fr)}.media-group-item[data-v-a6cb8671]{position:relative;width:106px;height:106px;background:var(--surface);cursor:pointer;overflow:hidden}.media-group-image[data-v-a6cb8671],.media-group-video-preview[data-v-a6cb8671]{width:100%;height:100%;object-fit:cover;display:block}.media-group-video[data-v-a6cb8671]{position:relative;width:100%;height:100%}.video-play-overlay[data-v-a6cb8671]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.media-single-container[data-v-a6cb8671]{margin-bottom:.75rem;width:100%}.media-photo[data-v-a6cb8671]{width:320px;height:240px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;position:relative;background:var(--surface)}.media-photo-image[data-v-a6cb8671]{display:block;width:100%;height:100%;object-fit:cover;background:var(--surface)}.media-photo[data-v-a6cb8671]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:skeleton-loading-a6cb8671 1.5s infinite;z-index:1}.media-photo-image[src][data-v-a6cb8671]~:before{display:none}@keyframes skeleton-loading-a6cb8671{0%{transform:translate(-100%)}to{transform:translate(100%)}}.media-video[data-v-a6cb8671]{width:320px;height:240px;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--surface)}.media-video-player[data-v-a6cb8671]{display:block;width:100%;height:100%;background:#000;object-fit:cover}.media-video-note[data-v-a6cb8671]{width:200px;height:200px}.video-note-wrapper[data-v-a6cb8671]{width:200px;height:200px;border-radius:50%;overflow:hidden;position:relative;background:#000;box-shadow:var(--shadow)}.video-note-player[data-v-a6cb8671]{width:100%;height:100%;object-fit:cover;display:block}.media-voice[data-v-a6cb8671]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0000000d;border-radius:var(--radius-lg);min-width:200px;max-width:280px}.voice-play-btn[data-v-a6cb8671]{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.voice-play-btn[data-v-a6cb8671]:hover{background:var(--primary-dark);transform:scale(1.05)}.voice-play-btn.playing[data-v-a6cb8671]{background:var(--success)}.voice-info[data-v-a6cb8671]{display:flex;flex-direction:column;gap:.25rem}.voice-label[data-v-a6cb8671]{font-size:.9rem;color:var(--text)}.voice-duration[data-v-a6cb8671]{font-size:.8rem;color:var(--text-muted)}.media-audio[data-v-a6cb8671]{max-width:280px}.audio-player[data-v-a6cb8671]{width:100%}.media-document[data-v-a6cb8671]{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0000000d;border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s;max-width:280px}.media-document[data-v-a6cb8671]:hover{background:#0000001a;transform:translateY(-1px)}.document-icon[data-v-a6cb8671]{font-size:1.5rem;flex-shrink:0}.document-info[data-v-a6cb8671]{display:flex;flex-direction:column;gap:.125rem;min-width:0}.document-name[data-v-a6cb8671]{font-size:.9rem;font-weight:500;word-break:break-word;color:var(--text)}.document-size[data-v-a6cb8671]{font-size:.75rem;color:var(--text-muted)}.media-caption[data-v-a6cb8671]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:.9rem;max-width:320px;transition:all .3s ease}.media-sticker[data-v-a6cb8671]{max-width:200px;cursor:pointer;display:inline-block;position:relative}.sticker-image[data-v-a6cb8671]{display:block;width:100%;height:auto;max-width:200px;max-height:200px;object-fit:contain;transition:transform .2s}.sticker-image[data-v-a6cb8671]:hover{transform:scale(1.05)}.sticker-emoji[data-v-a6cb8671]{font-size:5rem;text-align:center;padding:1rem;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .2s;display:inline-block}.sticker-emoji[data-v-a6cb8671]:hover{transform:scale(1.1)}.sticker-emoji[data-v-a6cb8671]:active{transform:scale(.95)}.sticker-set-name[data-v-a6cb8671]{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.25rem;opacity:.7}.message-meta[data-v-a6cb8671]{font-size:.7rem;opacity:.7;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.message-status[data-v-a6cb8671]{display:inline-flex;align-items:center;gap:.125rem;font-size:.8rem}.message.outgoing .media-voice[data-v-a6cb8671],.message.outgoing .media-document[data-v-a6cb8671]{background:#ffffff1a}.message.outgoing .media-caption[data-v-a6cb8671]{border-top-color:#fff3}.message.outgoing .media-caption.translated[data-v-a6cb8671]{background:#ffffff26;border-left-color:#fffc}.message.outgoing .document-name[data-v-a6cb8671],.message.outgoing .voice-label[data-v-a6cb8671]{color:#fff}.message.outgoing .document-size[data-v-a6cb8671],.message.outgoing .voice-duration[data-v-a6cb8671]{color:#fffc}.message.outgoing .message-status[data-v-a6cb8671]{color:#ffffffe6}@media (max-width: 768px){.media-group-container[data-v-a6cb8671],.media-photo[data-v-a6cb8671],.media-video[data-v-a6cb8671]{max-width:240px}.media-photo-image[data-v-a6cb8671]{max-height:240px}.media-video-player[data-v-a6cb8671]{max-height:180px}.media-video-note[data-v-a6cb8671],.video-note-wrapper[data-v-a6cb8671]{width:160px;height:160px}.media-caption[data-v-a6cb8671]{max-width:240px}.media-sticker[data-v-a6cb8671]{max-width:160px}.sticker-image[data-v-a6cb8671]{max-width:160px;max-height:160px}.sticker-emoji[data-v-a6cb8671]{font-size:4rem}}@keyframes slideUp-a6cb8671{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes stickerBounce-a6cb8671{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.media-sticker[data-v-a6cb8671]{animation:stickerBounce-a6cb8671 .3s ease-out}.scroll-to-bottom-btn[data-v-c3aa927f]{position:absolute;bottom:100px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:100;transition:all .3s ease}.scroll-to-bottom-btn[data-v-c3aa927f]:hover{background:var(--primary-dark);transform:scale(1.1)}.new-messages-badge[data-v-c3aa927f]{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.fade-enter-active[data-v-c3aa927f],.fade-leave-active[data-v-c3aa927f]{transition:opacity .3s ease}.fade-enter-from[data-v-c3aa927f],.fade-leave-to[data-v-c3aa927f]{opacity:0}.modal-xl[data-v-571e06eb]{max-width:1200px;width:90%;max-height:90vh;overflow-y:auto}.auto-responder-status[data-v-571e06eb]{margin-bottom:2rem}.status-card[data-v-571e06eb]{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;border:2px solid var(--border);transition:all .3s ease}.status-card.active[data-v-571e06eb]{border-color:var(--success);background:linear-gradient(135deg,var(--surface) 0%,rgba(34,197,94,.05) 100%)}.status-header[data-v-571e06eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-label[data-v-571e06eb]{font-size:1.2rem;font-weight:600}.toggle-switch[data-v-571e06eb]{position:relative;width:60px;height:30px;background:var(--border);border-radius:30px;border:none;cursor:pointer;transition:background .3s ease}.toggle-switch.active[data-v-571e06eb]{background:var(--success)}.toggle-slider[data-v-571e06eb]{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.active .toggle-slider[data-v-571e06eb]{transform:translate(30px)}.status-indicator[data-v-571e06eb]{font-size:1.1rem;font-weight:500}.stats-grid[data-v-571e06eb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item[data-v-571e06eb]{background:var(--surface);padding:1rem;border-radius:var(--radius);text-align:center}.stat-value[data-v-571e06eb]{font-size:1.8rem;font-weight:700;color:var(--primary)}.stat-label[data-v-571e06eb]{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.auto-response-actions[data-v-571e06eb]{display:flex;gap:1rem;margin-bottom:1.5rem}.auto-response-editor[data-v-571e06eb]{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;border:2px solid var(--primary)}.variations-section[data-v-571e06eb]{margin-top:1.5rem}.section-header[data-v-571e06eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.variation-item[data-v-571e06eb]{background:var(--background);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;border:1px solid var(--border)}.variation-header[data-v-571e06eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.variation-media[data-v-571e06eb]{margin-top:.5rem}.media-list[data-v-571e06eb]{display:flex;flex-wrap:wrap;gap:.5rem}.media-item[data-v-571e06eb]{background:var(--surface);padding:.5rem 1rem;border-radius:var(--radius);display:inline-flex;align-items:center;gap:.5rem}.auto-responses-list[data-v-571e06eb]{margin-top:2rem}.auto-response-item[data-v-571e06eb]{background:var(--surface);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;transition:all .2s ease}.auto-response-item[data-v-571e06eb]:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.auto-response-item.inactive[data-v-571e06eb]{opacity:.6}.response-header[data-v-571e06eb]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.response-trigger[data-v-571e06eb]{flex:1;font-size:1rem}.response-actions[data-v-571e06eb]{display:flex;gap:.5rem}.response-info[data-v-571e06eb]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.info-badge[data-v-571e06eb]{background:var(--background);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-muted)}.response-preview[data-v-571e06eb]{border-top:1px solid var(--border);padding-top:.5rem;margin-top:.5rem}.response-preview small[data-v-571e06eb]{display:block;color:var(--text-muted);margin-bottom:.25rem}.form-actions[data-v-571e06eb]{display:flex;gap:1rem;margin-top:1.5rem}.form-hint[data-v-571e06eb]{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.btn-danger[data-v-571e06eb]{background:var(--danger);color:#fff}.btn-danger[data-v-571e06eb]:hover{background:var(--danger-dark)}