@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#f8fafc;height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}#root,.app{flex-direction:column;height:100vh;display:flex}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.loading-logo{color:#2563eb;letter-spacing:-.03em;font-size:32px;font-weight:700}.loading-text{color:#94a3b8;font-size:14px}.header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.header-left{align-items:center;display:flex}.header-logo{color:#2563eb;letter-spacing:-.02em;font-size:18px;font-weight:700}.header-sub{color:#94a3b8;margin-left:10px;font-size:12px;font-weight:500}.header-badges{gap:8px;display:flex}.badge-stat{color:#64748b;background:#f1f5f9;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.badge-red{color:#ef4444;background:#fef2f2;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.badge-green{color:#059669;background:#ecfdf5;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.main{flex:1;gap:16px;padding:16px 20px 20px;display:flex;overflow:hidden}.panel-left{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.search-box{border-bottom:1px solid #e2e8f0;padding:10px 12px}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:12px}.search-input:focus{background:#fff;border-color:#2563eb}.filters{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.filter-btn:hover{border-color:#cbd5e1}.filter-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.client-list{flex:1;padding:6px;overflow-y:auto}.client-item{cursor:pointer;border-left:3px solid #0000;border-radius:6px;padding:12px 14px;transition:all .15s}.client-item:hover{background:#f8fafc}.client-item.selected{background:#f1f5f9;border-left-color:#2563eb}.client-row{justify-content:space-between;align-items:center;display:flex}.client-info{align-items:center;gap:8px;display:flex}.client-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.client-name{font-size:13px;font-weight:600}.client-city{color:#94a3b8;font-size:11px}.client-lastmsg{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;margin-left:40px;font-size:11px;overflow:hidden}.client-time{color:#cbd5e1;margin-top:2px;margin-left:40px;font-size:10px}.state-badge{letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.panel-center{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-header-left{align-items:center;gap:8px;display:flex}.chat-header-name{font-size:14px;font-weight:600}.chat-btns{gap:8px;display:flex}.chat-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .15s}.chat-btn:hover{border-color:#cbd5e1}.chat-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.chat-btn.paused{color:#ef4444;background:#fef2f2;border-color:#ef4444}.messages{flex:1;padding:16px;overflow-y:auto}.msg-row{margin-bottom:8px;display:flex}.msg-row.in{justify-content:flex-start}.msg-row.out{justify-content:flex-end}.msg-bubble{max-width:75%;padding:8px 12px}.msg-bubble.in{color:#1e293b;background:#f1f5f9;border-radius:4px 12px 12px}.msg-bubble.out{color:#fff;background:#2563eb;border-radius:12px 4px 12px 12px}.msg-from{opacity:.7;margin-bottom:2px;font-size:10px}.msg-text{font-size:13px;line-height:1.5}.msg-translation{margin-top:4px;padding-top:4px;font-size:11px;font-style:italic}.msg-translation.in{color:#64748b;border-top:1px solid #e2e8f0}.msg-translation.out{color:#ffffffbf;border-top:1px solid #fff3}.msg-time{opacity:.5;text-align:right;margin-top:3px;font-size:10px}.preview-area{background:#fefce8;border-top:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.preview-ru,.preview-es{margin-bottom:8px}.preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:500}.preview-text{color:#64748b;font-size:12px;font-style:italic}.preview-edit{resize:none;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px}.preview-edit:focus{border-color:#2563eb}.preview-btns{justify-content:flex-end;gap:8px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px}.btn-send{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.btn-send:hover{background:#16a34a}.btn-send:disabled{opacity:.5;cursor:not-allowed}.chat-input{background:#fafbfc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.chat-input-hint{color:#94a3b8;margin-bottom:6px;font-size:10px}.chat-input-row{gap:8px;display:flex}.chat-input-field{resize:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.chat-input-field:focus{border-color:#2563eb}.btn-ai{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:16px;transition:all .15s}.btn-ai:hover{background:#eff6ff;border-color:#2563eb}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.btn-translate{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.btn-translate:hover{background:#1d4ed8}.btn-translate:disabled{opacity:.5;cursor:not-allowed}.empty-msg{text-align:center;color:#cbd5e1;padding:40px 20px;font-size:13px}.btn-mode{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:16px;transition:all .15s}.btn-mode:hover{background:#f1f5f9}.btn-mode.active{background:#fef3c7;border-color:#f59e0b}.msg-audio{margin-bottom:4px}.audio-label{opacity:.7;margin-bottom:4px;font-size:11px}.audio-player{width:100%;max-width:280px;height:36px;margin:4px 0}.audio-transcription{border-top:1px solid #e2e8f0;margin-top:6px;padding-top:6px}.audio-text-es{font-size:12px;line-height:1.4}.audio-text-ru{color:#64748b;margin-top:4px;font-size:11px;font-style:italic}.btn-transcribe{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-top:6px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:11px}.btn-transcribe:hover{color:#2563eb;background:#f1f5f9;border-color:#2563eb}.btn-transcribe:disabled{opacity:.5;cursor:not-allowed}.msg-image{margin-bottom:4px}.msg-img-preview{cursor:pointer;border-radius:6px;max-width:240px}.client-item.unread{background:#eff6ff;border-left-color:#2563eb}.client-item.unread .client-name{font-weight:700}.client-item.unread .client-lastmsg{color:#1e293b;font-weight:600}.unread-dot{background:#2563eb;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.client-avatar{position:relative}.state-selector{display:inline-block;position:relative}.state-clickable{cursor:pointer}.state-clickable:hover{opacity:.8}.state-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;max-height:320px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.state-option{cursor:pointer;color:#1e293b;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.state-option:hover{background:#f1f5f9}.state-option.current{background:#eff6ff;font-weight:600}.state-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}body{font-size:18px}.header-logo{font-size:24px}.header-sub{font-size:16px}.badge-stat,.badge-red,.badge-green{font-size:14px}.search-input{padding:10px 14px;font-size:16px}.filter-btn{padding:6px 14px;font-size:14px}.client-name{font-size:17px}.client-city,.client-lastmsg{font-size:14px}.client-time{font-size:13px}.state-badge{padding:4px 12px;font-size:13px}.chat-header-name{font-size:18px}.chat-btn{padding:6px 14px;font-size:14px}.msg-text{font-size:18px}.msg-translation{font-size:16px}.msg-from{font-size:13px}.msg-time{font-size:12px}.chat-input-hint{font-size:13px}.chat-input-field{padding:12px 16px;font-size:18px}.btn-translate{padding:12px 20px;font-size:16px}.btn-mode{padding:12px 16px;font-size:20px}.preview-text{font-size:17px}.preview-edit{padding:12px 14px;font-size:18px}.btn-send,.btn-cancel{padding:10px 20px;font-size:16px}.state-option{padding:8px 12px;font-size:16px}.btn-ai-panel{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .15s}.btn-ai-panel:hover{background:#f1f5f9}.btn-ai-panel.active{background:#fef3c7;border-color:#f59e0b}.panel-right-ai{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}.ai-panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ai-panel-title{font-size:15px;font-weight:600}.ai-panel-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px 8px;font-size:18px}.ai-panel-close:hover{color:#1e293b}.ai-quick-actions{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.ai-quick-btn{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:12px}.ai-quick-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.ai-chat{flex:1;padding:12px;overflow-y:auto}.ai-empty{text-align:center;color:#94a3b8;padding:30px 16px;font-size:13px}.ai-msg{max-width:95%;margin-bottom:10px}.ai-msg.user{margin-left:auto}.ai-msg.user .ai-msg-text{color:#fff;background:#2563eb;border-radius:12px 4px 12px 12px;padding:8px 12px;font-size:14px;line-height:1.5}.ai-msg.ai .ai-msg-text{color:#1e293b;white-space:pre-wrap;background:#f1f5f9;border-radius:4px 12px 12px;padding:8px 12px;font-size:14px;line-height:1.5}.ai-input-area{background:#fafbfc;border-top:1px solid #e2e8f0;gap:8px;padding:10px 12px;display:flex}.ai-input{resize:none;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px}.ai-input:focus{border-color:#2563eb}.ai-send{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 14px;font-size:16px;font-weight:600}.ai-send:disabled{opacity:.5;cursor:not-allowed}.login-screen{background:#f8fafc;justify-content:center;align-items:center;height:100vh;display:flex}.login-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:340px;padding:40px;box-shadow:0 4px 12px #0000000f}.login-logo{color:#2563eb;margin-bottom:4px;font-size:28px;font-weight:700}.login-sub{color:#94a3b8;margin-bottom:24px;font-size:14px}.login-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px}.login-input:focus{border-color:#2563eb}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600}.login-btn:hover{background:#1d4ed8}.login-error{color:#ef4444;margin-top:12px;font-size:14px}.msg-video{margin-bottom:4px}.msg-video-player{border-radius:6px;max-width:300px}.btn-attach{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:20px;transition:all .15s}.btn-attach:hover{background:#f1f5f9;border-color:#2563eb}.btn-attach:disabled{opacity:.5;cursor:not-allowed}.date-separator{justify-content:center;align-items:center;margin:16px 0;display:flex;position:relative}.date-separator:before,.date-separator:after{content:"";background:#e2e8f0;flex:1;height:1px}.date-separator-text{color:#94a3b8;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:500}.msg-link{color:inherit;word-break:break-all;text-decoration:underline}.msg-link:hover{opacity:.8}.msg-bubble.in .msg-link{color:#2563eb}.msg-bubble.out .msg-link{color:#fff}.msg-translation .msg-link{color:#2563eb;font-size:inherit}.chat-header-name{cursor:pointer}.chat-header-name:hover{color:#2563eb}.name-edit-input{border:1px solid #2563eb;border-radius:4px;outline:none;width:200px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600}.search-bar{background:#fafbfc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 16px;display:flex}.search-bar-input{border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:14px}.search-bar-input:focus{border-color:#2563eb}.search-nav{align-items:center;gap:4px;display:flex}.search-count{color:#94a3b8;white-space:nowrap;font-size:12px}.search-nav-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:11px}.search-nav-btn:hover{background:#f1f5f9}.search-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px 8px;font-size:16px}.search-close:hover{color:#1e293b}.msg-row.search-hit .msg-bubble{box-shadow:0 0 0 2px #fbbf24}.msg-row.search-current .msg-bubble{box-shadow:0 0 0 2px #2563eb}.btn-delete{color:#94a3b8}.btn-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.btn-retranslate{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-top:4px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px}.btn-retranslate:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-retranslate:disabled{opacity:.5;cursor:not-allowed}