:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--accent-primary: #2563eb;--accent-secondary: #1d4ed8;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--sidebar-width: 220px;--header-height: 70px;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{text-decoration:none;color:inherit;transition:all .2s ease}button{cursor:pointer;border:none;outline:none;transition:all .2s ease;font-family:inherit}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 14px;border-radius:8px;font-family:inherit;outline:none}input:focus{border-color:var(--accent-primary)}#app{display:flex;min-height:100vh}.main-content{flex:1;width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);padding:30px;min-height:100vh}@media(max-width:1024px){.main-content{margin-left:0;width:100%;max-width:100%;padding-top:calc(var(--header-height) + 20px)}}.sidebar[data-v-d69207f4]{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:20px 0;z-index:100;border-right:1px solid var(--border-color)}.logo[data-v-d69207f4]{padding:0 18px 25px;display:flex;align-items:center;gap:12px}.logo-img[data-v-d69207f4]{width:32px;height:32px;object-fit:contain}.logo-text[data-v-d69207f4]{min-width:0;flex:1}.logo-text span[data-v-d69207f4]{display:block;font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-menu[data-v-d69207f4]{flex:1;padding:0 10px;display:flex;flex-direction:column;gap:8px}.nav-item[data-v-d69207f4]{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item.active[data-v-d69207f4]{background:#2563eb14;color:var(--accent-primary)}.nav-item .arrow[data-v-d69207f4]{margin-left:auto;opacity:0;transform:translate(-5px);transition:all .3s ease}.nav-item.active .arrow[data-v-d69207f4]{opacity:1;transform:translate(0)}.sidebar-footer[data-v-d69207f4]{padding:15px 10px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.nav-group[data-v-d69207f4]{display:flex;flex-direction:column;gap:4px}.group-header[data-v-d69207f4]{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-arrow[data-v-d69207f4]{opacity:1!important;transform:rotate(0)!important;transition:transform .2s ease!important;margin-left:auto}.nav-group.open .dropdown-arrow[data-v-d69207f4]{transform:rotate(90deg)!important}.submenu[data-v-d69207f4]{display:none;flex-direction:column;gap:4px;padding-left:20px}.nav-group.open .submenu[data-v-d69207f4]{display:flex}.submenu-item[data-v-d69207f4]{display:flex;align-items:center;padding:10px 15px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500}.submenu-item.active[data-v-d69207f4]{background:#2563eb0f;color:var(--accent-primary);font-weight:600}.support-unread-badge[data-v-d69207f4]{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;line-height:1}.support-unread-badge+.arrow[data-v-d69207f4]{margin-left:8px}@media(max-width:1024px){.sidebar[data-v-d69207f4]{transform:translate(-100%);transition:transform .3s ease}}.modal-overlay[data-v-a5938e31]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-a5938e31]{width:100%;max-width:400px;background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.modal-header[data-v-a5938e31]{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.title-with-icon[data-v-a5938e31]{display:flex;align-items:center;gap:12px}.title-with-icon h3[data-v-a5938e31]{margin:0;font-size:18px;font-weight:700;color:#1e2329}.modal-body[data-v-a5938e31]{padding:24px}.modal-body p[data-v-a5938e31]{margin:0;font-size:15px;color:#475467;line-height:1.6}.modal-footer[data-v-a5938e31]{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background:#00000005}.close-btn[data-v-a5938e31]{background:none;border:none;color:#98a2b3;cursor:pointer;padding:4px;border-radius:8px;display:flex;transition:all .2s}.close-btn[data-v-a5938e31]:hover{background:#0000000d;color:#1e2329}.btn[data-v-a5938e31]{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-a5938e31]{background:#2563eb;color:#fff}.btn-primary[data-v-a5938e31]:hover{background:#1d4ed8}.btn-danger[data-v-a5938e31]{background:#f43f5e;color:#fff}.btn-danger[data-v-a5938e31]:hover{background:#e11d48}.btn-warning[data-v-a5938e31]{background:#f59e0b;color:#fff}.btn-warning[data-v-a5938e31]:hover{background:#d97706}.btn-ghost[data-v-a5938e31]{background:transparent;color:#475467}.btn-ghost[data-v-a5938e31]:hover{background:#0000000d}.danger[data-v-a5938e31],.warning[data-v-a5938e31]{color:#f43f5e}.success[data-v-a5938e31]{color:#10b981}.info[data-v-a5938e31]{color:#3b82f6}.fade-enter-active[data-v-a5938e31],.fade-leave-active[data-v-a5938e31]{transition:opacity .3s}.fade-enter-from[data-v-a5938e31],.fade-leave-to[data-v-a5938e31]{opacity:0}.scale-enter-active[data-v-a5938e31],.scale-leave-active[data-v-a5938e31]{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}.scale-enter-from[data-v-a5938e31],.scale-leave-to[data-v-a5938e31]{transform:scale(.9);opacity:0}.customer-service-view[data-v-967bdb59]{height:100dvh;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.page-header[data-v-967bdb59]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title-section h1[data-v-967bdb59]{font-size:28px;margin-bottom:5px}.title-section p[data-v-967bdb59]{color:var(--text-secondary);font-size:14px}.connection-status[data-v-967bdb59]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:600;transition:all .3s}.connection-status.connecting[data-v-967bdb59]{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.connection-status.connecting .status-indicator[data-v-967bdb59]{background:#3b82f6;animation:connection-pulse-blue-967bdb59 1.6s infinite ease-in-out}.connection-status.connected[data-v-967bdb59]{background:#0ecb811a;border:1px solid rgba(14,203,129,.2);color:var(--success)}.connection-status.connected .status-indicator[data-v-967bdb59]{background:var(--success)}.connection-status.disconnected[data-v-967bdb59]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.connection-status.disconnected .status-indicator[data-v-967bdb59]{background:#ef4444;animation:connection-pulse-red-967bdb59 1.2s infinite ease-in-out}.status-indicator[data-v-967bdb59]{width:8px;height:8px;border-radius:50%;position:relative}@keyframes connection-pulse-blue-967bdb59{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes connection-pulse-red-967bdb59{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}.chat-wrapper[data-v-967bdb59]{flex:1;display:grid;grid-template-columns:320px 1fr;border-radius:24px;overflow:hidden;min-height:0;height:100%}.chat-sidebar[data-v-967bdb59]{border-right:1px solid var(--border-color);background:#fff3;display:flex;flex-direction:column;min-height:0;height:100%}.search-section[data-v-967bdb59]{height:76px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);box-sizing:border-box}.search-box[data-v-967bdb59]{position:relative;width:100%}.search-icon[data-v-967bdb59]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input[data-v-967bdb59]{width:100%;padding:10px 12px 10px 40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;font-size:13px}.session-list[data-v-967bdb59]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.session-item[data-v-967bdb59]{display:flex;padding:16px;gap:12px;cursor:pointer;background:#f8fafcfa;border-bottom:1px solid rgba(0,0,0,.02);transition:background .2s ease}.session-delete-button[data-v-967bdb59]{width:30px;height:30px;flex:0 0 30px;align-self:center;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:.72;transition:color .15s ease,background .15s ease,opacity .15s ease}.session-delete-button[data-v-967bdb59]:hover{color:#ef475d;background:#ef475d1a;opacity:1}.session-item[data-v-967bdb59]:hover{background:#fff6}.session-item.active[data-v-967bdb59]{background:#ffffffa6}.avatar-wrapper[data-v-967bdb59]{position:relative;width:44px;height:44px;flex-shrink:0}.session-avatar[data-v-967bdb59]{width:100%;height:100%;border-radius:12px;object-fit:cover;background:var(--bg-tertiary)}.online-badge[data-v-967bdb59]{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#cbd5e1;border:2px solid white}.online-badge.active[data-v-967bdb59]{background:var(--success)}.session-info[data-v-967bdb59]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.info-top[data-v-967bdb59]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.session-name[data-v-967bdb59]{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time[data-v-967bdb59]{font-size:11px;color:var(--text-muted);font-weight:500}.info-bottom[data-v-967bdb59]{display:flex;justify-content:space-between;align-items:center}.last-msg[data-v-967bdb59]{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:8px}.unread-badge[data-v-967bdb59]{background:#ff4d4f;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-directory-results[data-v-967bdb59]{flex:1;overflow-y:auto;background:#fff;display:flex;flex-direction:column}.results-header[data-v-967bdb59]{padding:12px 16px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color)}.directory-list[data-v-967bdb59]{display:flex;flex-direction:column}.directory-item[data-v-967bdb59]{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.02);transition:background .2s}.directory-item[data-v-967bdb59]:hover{background:var(--bg-tertiary)}.item-avatar[data-v-967bdb59]{width:36px;height:36px;border-radius:10px}.item-info[data-v-967bdb59]{flex:1;min-width:0}.item-name[data-v-967bdb59]{font-size:13px;font-weight:700;color:var(--text-primary)}.item-uid[data-v-967bdb59]{font-size:11px;color:var(--text-muted)}.arrow-icon[data-v-967bdb59]{color:var(--text-muted)}.empty-directory[data-v-967bdb59],.empty-sessions[data-v-967bdb59]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--text-muted);gap:8px}.empty-sessions h3[data-v-967bdb59]{font-size:14px;font-weight:700;color:var(--text-primary);margin-top:8px}.empty-sessions p[data-v-967bdb59]{font-size:12px}.chat-terminal[data-v-967bdb59]{display:flex;flex-direction:column;background:#fff;min-height:0;height:100%}.terminal-header[data-v-967bdb59]{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-primary);box-sizing:border-box}.incoming-message-alert[data-v-967bdb59]{position:fixed;z-index:10000;top:24px;right:24px;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));padding:14px 16px;color:var(--text-primary);text-align:left;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;box-shadow:0 12px 36px #0f172a33;cursor:pointer;animation:incoming-alert-in-967bdb59 .24s ease-out both}.incoming-alert-icon[data-v-967bdb59]{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;color:#fff;background:#16a673;border-radius:50%}.incoming-alert-copy[data-v-967bdb59]{display:grid;min-width:0;gap:4px}.incoming-alert-copy strong[data-v-967bdb59]{font-size:13px}.incoming-alert-copy small[data-v-967bdb59]{overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.incoming-alert-close[data-v-967bdb59]{display:grid;place-items:center;margin-left:auto;color:var(--text-secondary)}@keyframes incoming-alert-in-967bdb59{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-meta[data-v-967bdb59]{display:flex;align-items:center;gap:7px;min-width:0}.terminal-actions[data-v-967bdb59]{display:flex;align-items:center;gap:4px}.session-note[data-v-967bdb59]{max-width:180px;overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.note-edit-button[data-v-967bdb59],.note-action[data-v-967bdb59]{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.note-edit-button[data-v-967bdb59]{padding:3px}.note-action[data-v-967bdb59]{padding:4px 6px;color:#16a673;font-size:11px}.note-action.muted[data-v-967bdb59]{color:var(--text-secondary)}.note-editor[data-v-967bdb59]{width:120px;min-width:60px;padding:4px 6px;border:1px solid var(--border-color);border-radius:5px;font-size:11px}.btn-close-chat[data-v-967bdb59]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-close-chat[data-v-967bdb59]:hover{background:#0000000d;color:var(--text-primary);transform:scale(1.05)}.user-profile[data-v-967bdb59]{display:flex;align-items:center;gap:12px}.avatar-box[data-v-967bdb59]{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.avatar-box img[data-v-967bdb59]{width:100%;height:100%;object-fit:cover}.profile-info[data-v-967bdb59]{display:flex;align-items:center;gap:10px}.profile-info h3[data-v-967bdb59]{font-size:15px;font-weight:700;margin:0;color:var(--text-primary)}.uid-tag[data-v-967bdb59]{font-size:11px;font-family:monospace;font-weight:600;background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.terminal-body[data-v-967bdb59]{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message-row[data-v-967bdb59]{display:flex;gap:12px;max-width:80%;min-width:0}.message-row.user[data-v-967bdb59]{align-self:flex-start}.message-row.admin[data-v-967bdb59]{align-self:flex-end;flex-direction:row}.avatar[data-v-967bdb59]{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.avatar img[data-v-967bdb59]{width:100%;height:100%;object-fit:cover}.message-content[data-v-967bdb59]{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:calc(100% - 48px)}.message-bubble[data-v-967bdb59]{box-sizing:border-box;min-width:0;max-width:100%;padding:12px 16px;border-radius:16px;box-shadow:0 1px 2px #00000005;position:relative;overflow-wrap:anywhere}.message-bubble.user[data-v-967bdb59]{background:#e1eefa;color:var(--text-primary);border-top-left-radius:4px}.message-bubble.admin[data-v-967bdb59]{background:#95ec69;color:#000;border-top-right-radius:4px}.text[data-v-967bdb59]{font-size:14px;line-height:1.5;margin:0;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.message-meta[data-v-967bdb59]{display:flex;align-items:center;justify-content:flex-end;gap:7px}.time[data-v-967bdb59]{display:block;font-size:10px;margin-top:6px;opacity:.6}.message-read-status[data-v-967bdb59]{margin-top:6px;font-size:10px;line-height:1;color:#64748b}.message-read-status.read[data-v-967bdb59]{color:#0ea5e9;font-weight:600}.message-bubble.admin .time[data-v-967bdb59]{color:#00000073}.message-bubble.user .time[data-v-967bdb59]{color:#94a3b8}.terminal-footer[data-v-967bdb59]{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.input-wrapper[data-v-967bdb59]{flex:1;display:flex;background:var(--bg-tertiary);border-radius:14px;padding:4px;overflow:hidden;align-items:center}.input-wrapper textarea[data-v-967bdb59]{flex:1;height:40px;min-width:0;min-height:40px;max-height:112px;border:none;background:none;padding:10px 16px;font-size:14px;line-height:1.45;outline:none;color:var(--text-primary);resize:none;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.send-btn[data-v-967bdb59]{display:flex;align-items:center;gap:8px;background:var(--accent-primary);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.send-btn[data-v-967bdb59]:active{transform:scale(.96)}.send-btn[data-v-967bdb59]:disabled{opacity:.5;cursor:not-allowed}.footer-control-row[data-v-967bdb59]{display:flex;align-items:center;gap:16px}.btn-translate-toggle[data-v-967bdb59]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:#00000008;border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;height:48px;box-sizing:border-box}.btn-translate-toggle[data-v-967bdb59]:hover{background:#0000000f;color:var(--text-primary);transform:translateY(-1px)}.btn-translate-toggle.active[data-v-967bdb59]{background:linear-gradient(135deg,#0ecb81,#059669);border-color:#0ecb81;color:#fff;box-shadow:0 4px 12px #0ecb8140}.btn-translate-toggle.active[data-v-967bdb59]:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #0ecb8159}.btn-translate-toggle.auto-translate.active[data-v-967bdb59]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-translate-toggle.auto-translate.active[data-v-967bdb59]:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #3b82f659}.status-indicator-dot[data-v-967bdb59]{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .25s ease}.status-indicator-dot.enabled[data-v-967bdb59]{background:#fff;box-shadow:0 0 8px #fffc}.input-wrapper textarea[data-v-967bdb59]:disabled{opacity:.7;cursor:not-allowed}.btn-translate-toggle[data-v-967bdb59]:disabled{opacity:.6;cursor:not-allowed}.animate-spin[data-v-967bdb59]{animation:spin-967bdb59 1s linear infinite}@keyframes spin-967bdb59{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-container-with-original[data-v-967bdb59]{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.original-text-badge[data-v-967bdb59]{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.15);font-size:13px;color:#000000a6;display:flex;flex-direction:column;gap:2px}.original-label[data-v-967bdb59]{font-weight:700;font-size:9px;text-transform:uppercase;color:#00000073}.original-content[data-v-967bdb59]{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.translation-error[data-v-967bdb59]{color:#b45309}.empty-terminal[data-v-967bdb59]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-secondary)}.welcome-box[data-v-967bdb59]{text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px}.icon-ring[data-v-967bdb59]{width:96px;height:96px;border-radius:50%;background:#2563eb0d;display:flex;align-items:center;justify-content:center;border:1px solid rgba(37,99,235,.1);margin-bottom:8px}.shield[data-v-967bdb59]{color:var(--accent-primary)}.welcome-box h2[data-v-967bdb59]{font-size:20px;font-weight:800;color:var(--text-primary);margin:0}.welcome-box p[data-v-967bdb59]{font-size:13px;color:var(--text-secondary);line-height:1.6}.title-with-action[data-v-967bdb59]{display:flex;align-items:center;gap:12px}.btn-complaints[data-v-967bdb59]{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:650;cursor:pointer}.btn-complaints b[data-v-967bdb59]{min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:#ef475d;color:#fff;font-size:10px}.btn-settings[data-v-967bdb59]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-settings[data-v-967bdb59]:hover{background:#0000000d;color:var(--text-primary);transform:rotate(30deg)}.complaints-backdrop[data-v-967bdb59]{z-index:100001}.complaints-modal[data-v-967bdb59]{width:min(920px,calc(100vw - 36px));height:min(650px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--bg-primary);box-shadow:0 24px 70px #0f172a38}.complaints-modal-header[data-v-967bdb59]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.complaints-modal-header h2[data-v-967bdb59]{margin:0 0 4px;color:var(--text-primary);font-size:19px}.complaints-modal-header p[data-v-967bdb59]{margin:0;color:var(--text-secondary);font-size:12px}.complaints-modal-actions[data-v-967bdb59]{display:flex;align-items:center;gap:8px}.complaints-refresh[data-v-967bdb59]{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.complaints-content[data-v-967bdb59]{display:grid;grid-template-columns:minmax(280px,40%) 1fr;min-height:0;flex:1}.complaints-list[data-v-967bdb59]{overflow-y:auto;border-right:1px solid var(--border-color)}.complaint-list-item[data-v-967bdb59]{display:grid;gap:7px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.complaint-list-item.selected[data-v-967bdb59]{background:#0ecb8114}.complaint-item-top[data-v-967bdb59]{display:flex;align-items:center;justify-content:space-between;gap:8px}.complaint-item-top strong[data-v-967bdb59]{font-size:12px}.complaint-item-top small[data-v-967bdb59],.complaint-item-user[data-v-967bdb59]{color:var(--text-muted);font-size:10px}.complaint-item-user[data-v-967bdb59]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complaint-item-preview[data-v-967bdb59]{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.complaints-empty[data-v-967bdb59]{padding:32px 20px;color:var(--text-muted);font-size:12px;text-align:center}.complaint-detail[data-v-967bdb59]{min-width:0;overflow-y:auto;padding:24px}.complaint-detail-meta[data-v-967bdb59]{display:flex;align-items:center;justify-content:space-between;gap:12px}.complaint-detail-actions[data-v-967bdb59]{display:flex;align-items:center;gap:10px}.complaint-delete-button[data-v-967bdb59]{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(239,71,93,.2);border-radius:9px;background:#ef475d12;color:#e04458;cursor:pointer}.complaint-delete-button[data-v-967bdb59]:hover:not(:disabled){background:#ef475d24}.complaint-delete-button[data-v-967bdb59]:disabled{opacity:.55;cursor:wait}.complaint-category-pill[data-v-967bdb59]{padding:5px 9px;border-radius:999px;background:#0ecb811a;color:#0b9863;font-size:11px;font-weight:700}.complaint-detail-meta time[data-v-967bdb59]{color:var(--text-muted);font-size:11px}.complaint-detail h3[data-v-967bdb59]{margin:22px 0 4px;color:var(--text-primary);font-size:17px}.complaint-email[data-v-967bdb59]{margin:0;color:var(--text-secondary);font-size:12px}.complaint-detail-content[data-v-967bdb59]{margin-top:22px;color:var(--text-primary);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.complaint-detail-empty[data-v-967bdb59]{display:grid;place-content:center;justify-items:center;gap:10px;color:var(--text-muted)}.complaint-detail-empty p[data-v-967bdb59]{margin:0;font-size:12px}@media(max-width:700px){.complaints-content[data-v-967bdb59]{grid-template-columns:1fr;grid-template-rows:minmax(160px,40%) 1fr}.complaints-list[data-v-967bdb59]{border-right:0;border-bottom:1px solid var(--border-color)}.complaint-detail[data-v-967bdb59]{padding:18px}.btn-complaints span[data-v-967bdb59]{display:none}.title-with-action[data-v-967bdb59]{gap:6px}}.modal-backdrop[data-v-967bdb59]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.settings-modal[data-v-967bdb59]{width:420px;max-width:90vw;background:#ffffffd9;border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;overflow:hidden}.animate-modal[data-v-967bdb59]{animation:modalScaleIn-967bdb59 .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn-967bdb59{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-967bdb59]{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-967bdb59]{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.btn-close[data-v-967bdb59]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-967bdb59]:hover{background:#0000000d;color:var(--text-primary)}.modal-body[data-v-967bdb59]{padding:24px 20px}.avatar-setting-section[data-v-967bdb59]{display:flex;flex-direction:column;align-items:center;gap:16px}.setting-label[data-v-967bdb59]{align-self:flex-start;font-size:14px;font-weight:600;color:var(--text-secondary)}.avatar-upload-box[data-v-967bdb59]{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:3px solid white;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.16,1,.3,1)}.avatar-upload-box[data-v-967bdb59]:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.preview-img[data-v-967bdb59]{width:100%;height:100%;object-fit:cover}.upload-overlay[data-v-967bdb59]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .25s ease}.avatar-upload-box:hover .upload-overlay[data-v-967bdb59]{opacity:1}.upload-overlay span[data-v-967bdb59]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff!important}.hidden-file-input-overlay[data-v-967bdb59]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.upload-hint-text[data-v-967bdb59]{font-size:12px;line-height:1.6;color:var(--text-secondary);text-align:center;background:#03a66d0a;border:1px dashed rgba(3,166,109,.15);border-radius:12px;padding:12px;margin-top:8px}.modal-footer[data-v-967bdb59]{padding:16px 20px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-967bdb59]{padding:10px 20px;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-967bdb59]:hover{background:#00000008;color:var(--text-primary)}.btn-save[data-v-967bdb59]{padding:10px 20px;background:#03a66d;border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #03a66d33;transition:all .2s}.btn-save[data-v-967bdb59]:hover{background:#028e5c;transform:translateY(-1px);box-shadow:0 6px 15px #03a66d4d}.btn-save[data-v-967bdb59]:active{transform:translateY(0)}.custom-context-menu[data-v-967bdb59]{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 30px #00000014;padding:6px;z-index:999999;min-width:140px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:contextMenuFadeIn-967bdb59 .15s ease}@keyframes contextMenuFadeIn-967bdb59{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-item[data-v-967bdb59]{width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.menu-item.delete-btn[data-v-967bdb59]{color:#ef4444}.menu-item.delete-btn[data-v-967bdb59]:hover{background:#ef444414}.message-bubble.is-json-msg[data-v-967bdb59]{padding:6px}.combined-msg-bubble[data-v-967bdb59]{display:flex;flex-direction:column;gap:8px;width:min(320px,100%);max-width:100%;min-width:0}.chat-bubble-img[data-v-967bdb59]{width:100%;max-height:240px;object-fit:cover;border-radius:12px;cursor:pointer;transition:opacity .2s ease}.chat-bubble-img[data-v-967bdb59]:hover{opacity:.95}.combined-msg-bubble .text-content[data-v-967bdb59]{margin:0;font-size:14px;line-height:1.5;word-break:break-word}.image-preview-body[data-v-967bdb59]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.preview-container[data-v-967bdb59]{width:100%;max-height:360px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px dashed var(--border-color)}.paste-preview-img[data-v-967bdb59]{max-width:100%;max-height:360px;object-fit:contain}.caption-input-wrapper[data-v-967bdb59]{width:100%}.caption-input-wrapper input[data-v-967bdb59]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);font-size:14px}.caption-input-wrapper input[data-v-967bdb59]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.full-image-overlay[data-v-967bdb59]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.full-image-container[data-v-967bdb59]{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.full-image-container img[data-v-967bdb59]{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #00000080}.btn-close-overlay[data-v-967bdb59]{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.btn-close-overlay[data-v-967bdb59]:hover{color:#ef4444}.settings-modal .modal-body[data-v-967bdb59]{padding:24px 20px;max-height:480px;overflow-y:auto}.divider-line[data-v-967bdb59]{height:1px;background:#00000014;margin:20px 0;width:100%}.translation-settings-section[data-v-967bdb59]{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.section-title[data-v-967bdb59]{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.cs-setting-item[data-v-967bdb59]{display:flex;flex-direction:column;gap:6px}.cs-setting-item label[data-v-967bdb59]{font-size:12px;color:var(--text-secondary);font-weight:600}.cs-setting-input[data-v-967bdb59],.cs-setting-select[data-v-967bdb59]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#00000005;font-size:13px;color:var(--text-primary);box-sizing:border-box;outline:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.cs-setting-input[data-v-967bdb59]:focus,.cs-setting-select[data-v-967bdb59]:focus{border-color:#03a66d;background:#fff;box-shadow:0 0 0 3px #03a66d1a}.cs-setting-select[data-v-967bdb59]{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;padding-right:2.2rem!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.animate-fade-in[data-v-967bdb59]{animation:fadeIn-967bdb59 .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn-967bdb59{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-layout[data-v-04032f19]{display:flex;width:100%}.no-sidebar .main-content[data-v-04032f19]{margin-left:0;width:100%;max-width:100%;padding:0}.main-content.full-screen-page[data-v-04032f19]{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.toast-container[data-v-04032f19]{position:fixed;top:24px;right:24px;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:14px;z-index:10000;box-shadow:0 10px 30px #0003}.toast-container.success[data-v-04032f19]{background:#10b981}.toast-container.error[data-v-04032f19]{background:#ef4444}.toast-container.warning[data-v-04032f19]{background:#d97706}.slide-fade-enter-active[data-v-04032f19],.slide-fade-leave-active[data-v-04032f19]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from[data-v-04032f19]{opacity:0;transform:translate(30px)}.slide-fade-leave-to[data-v-04032f19]{opacity:0;transform:scale(.9)}.fade-enter-active[data-v-04032f19],.fade-leave-active[data-v-04032f19]{transition:opacity .2s ease}.fade-enter-from[data-v-04032f19],.fade-leave-to[data-v-04032f19]{opacity:0}
