:root{--accent: #7c5ce7;--accent-hover: #6935d5;--accent-light: #f4f0ff;--bg: #fafaf9;--bg-secondary: #ffffff;--text: #1a1523;--text-secondary: #8c8995;--text-muted: #b4b1bb;--bubble-mine: #f4f0ff;--bubble-other: #ffffff;--sidebar-bg: #ffffff;--border: #e8e6ec;--input-bg: #ffffff;--input-border: #d4d1da;--input-focus: #7c5ce7;--shadow: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141218;--bg-secondary: #1e1b25;--text: #e8e4f0;--text-secondary: #9b97a5;--text-muted: #6b6775;--bubble-mine: #2d2540;--bubble-other: #1e1b25;--sidebar-bg: #1a1723;--border: #2a2636;--input-bg: #1e1b28;--input-border: #3a3548;--input-focus: #9b7cf0;--accent-light: #2d2540;--shadow: 0 1px 3px rgba(0,0,0,.15);--shadow-md: 0 4px 12px rgba(0,0,0,.2)}}:root[data-theme=dark]{--bg: #141218;--bg-secondary: #1e1b25;--text: #e8e4f0;--text-secondary: #9b97a5;--text-muted: #6b6775;--bubble-mine: #2d2540;--bubble-other: #1e1b25;--sidebar-bg: #1a1723;--border: #2a2636;--input-bg: #1e1b28;--input-border: #3a3548;--input-focus: #9b7cf0;--accent-light: #2d2540;--shadow: 0 1px 3px rgba(0,0,0,.15);--shadow-md: 0 4px 12px rgba(0,0,0,.2)}body{margin:0;background:var(--bg);color:var(--text);font-family:inherit;font-size:inherit;line-height:inherit}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .15s ease;color:var(--text)}.theme-toggle:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}input[type=text],input[type=search],textarea{width:100%;padding:10px 14px;border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;line-height:1.5;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #7c5ce71a}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--bottom-nav-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(max-width:768px){.sidebar{width:100%!important;position:absolute!important;z-index:10;height:100%}.msg-area{width:100%!important}.msg-bubble{max-width:85%!important}.theme-toggle{width:32px;height:32px;min-width:32px;max-width:32px;font-size:14px;flex-shrink:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);overflow:hidden}.chat-shell>.main-row{display:none}.staff-picker-box{width:92vw!important;max-height:70vh!important}}.mobile-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.mobile-shell-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mobile-header{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.mobile-header-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%;text-align:center}.mobile-header>.hamburger-btn{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.hamburger-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text);flex-shrink:0;padding:0}.hamburger-btn svg{width:20px;height:20px}.mobile-msg-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-pinned{padding:6px 12px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-input-area{flex-shrink:0;padding:6px 10px;background:var(--bg)}.mobile-input-card{width:100%;max-width:640px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--input-border);padding:10px 14px;box-shadow:0 1px 3px #0000000a;position:relative;transition:border-color .2s}.mobile-input-area .input-textarea{width:100%;border:none;outline:none;font-size:16px;padding:4px 0 8px;background:transparent;color:var(--text);resize:none;font-family:inherit;line-height:1.5;min-height:24px;max-height:100px;overflow-y:auto}.mobile-input-area .input-textarea:focus{box-shadow:none}.mobile-input-area .input-textarea::placeholder{color:var(--text-muted)}.mobile-input-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.mobile-input-actions{display:flex;gap:4px}.mobile-tool-btn{display:flex;align-items:center;gap:2px;padding:4px 8px;font-size:12px;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.mobile-send-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;padding:0}.mobile-send-btn:active{background:var(--accent-hover)}.mobile-bottom-nav{display:flex;border-top:1px solid var(--border);background:var(--bg-secondary);padding-bottom:var(--safe-bottom);flex-shrink:0}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;min-height:var(--bottom-nav-height)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item svg{width:22px;height:22px}.hamburger-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;transition:opacity .2s ease}.hamburger-panel{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--sidebar-bg);z-index:101;overflow-y:auto;box-shadow:2px 0 16px #0000001f;transition:transform .25s ease;padding-bottom:var(--safe-bottom);-webkit-overflow-scrolling:touch}.hamburger-panel-enter-from,.hamburger-panel-leave-to{transform:translate(-100%)}.hamburger-section{padding:12px 16px;border-bottom:1px solid var(--border)}.hamburger-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.hamburger-user-info{display:flex;align-items:center;gap:10px;padding:16px}.hamburger-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--accent);flex-shrink:0}.hamburger-user-name{font-size:15px;font-weight:600}.hamburger-user-phone{font-size:12px;color:var(--text-secondary)}.hamburger-member-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.hamburger-member-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.hamburger-action-btn{display:block;width:100%;text-align:left;padding:10px 16px;font-size:13px;background:none;border:none;cursor:pointer;color:var(--text)}.hamburger-action-btn:active{background:var(--border)}.hamburger-action-btn.danger{color:#e74c3c}.hamburger-add-btn{width:32px;height:32px;padding:0;border-radius:50%;background:var(--accent);border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hamburger-add-btn:active{background:var(--border)}.hamburger-pm-row{padding:0 16px 12px}.hamburger-pm-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 0;background:none;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:13px;cursor:pointer;position:relative}.hamburger-pm-btn:active{background:var(--accent-light)}.pm-dot{position:absolute;top:6px;right:16px;width:8px;height:8px;border-radius:50%;background:#e74c3c}.mobile-action-btn{padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer}.mobile-action-btn:active{background:var(--accent-hover)}.mobile-channel-item{transition:background .15s}.mobile-channel-item:hover,.mobile-channel-item:active{background:var(--bg)}@media(max-width:768px){.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.agent-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;min-width:150px;overflow:hidden}.agent-dropdown-item{padding:8px 14px;font-size:13px;cursor:pointer;color:var(--text);transition:background .1s}.agent-dropdown-item:hover,.agent-dropdown-item:active{background:var(--bg)}.agent-dropdown-item.on{color:var(--accent);font-weight:500}.agent-switch-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.check-mark{display:inline-block;width:18px;color:var(--accent)}}