@charset "UTF-8";:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-tertiary: #f3f4f6;--card-bg: #ffffff;--card-border: #e5e7eb;--card-shadow: 0 2px 4px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 8px rgba(0, 0, 0, .12);--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-text: #ffffff;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--btn-secondary-text: #374151;--btn-secondary-border: #d1d5db;--btn-danger-bg: #fee2e2;--btn-danger-hover: #fecaca;--btn-danger-text: #dc2626;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: #2563eb;--input-focus-shadow: 0 0 0 3px rgba(37, 99, 235, .1);--input-text: #111827;--input-placeholder: #9ca3af;--header-bg: #ffffff;--header-border: #e5e7eb;--panel-bg: #f9fafb;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-progress-bg: #dbeafe;--status-progress-text: #1e40af;--status-completed-bg: #d1fae5;--status-completed-text: #065f46;--status-closed-bg: #f3f4f6;--status-closed-text: #6b7280;--accent-purple: #8b5cf6;--accent-indigo: #6366f1}.dark-mode{--bg-primary: #2c2c2c;--bg-secondary: #363636;--bg-tertiary: #424242;--bg-hover: #4a4a4a;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--border-primary: #4a4a4a;--border-secondary: #3a3a3a;--border-tertiary: #2a2a2a;--card-bg: linear-gradient(135deg, #363636 0%, #2a2a2a 100%);--card-border: #4a4a4a;--card-shadow: 0 2px 4px rgba(0, 0, 0, .2);--card-shadow-hover: 0 4px 8px rgba(0, 0, 0, .4);--btn-primary-bg: #4f46e5;--btn-primary-hover: #4338ca;--btn-primary-text: #ffffff;--btn-secondary-bg: #424242;--btn-secondary-hover: #4a4a4a;--btn-secondary-text: #e8e8e8;--btn-secondary-border: #4a4a4a;--btn-danger-bg: #7f1d1d;--btn-danger-hover: #991b1b;--btn-danger-text: #fecaca;--input-bg: #424242;--input-border: #4a4a4a;--input-focus: #6366f1;--input-focus-shadow: 0 0 0 3px rgba(99, 102, 241, .2);--input-text: #e8e8e8;--input-placeholder: #8a8a8a;--header-bg: #363636;--header-border: #4a4a4a;--panel-bg: #2c2c2c;--status-pending-bg: #854d0e;--status-pending-text: #fef3c7;--status-progress-bg: #1e3a8a;--status-progress-text: #dbeafe;--status-completed-bg: #065f46;--status-completed-text: #d1fae5;--status-closed-bg: #424242;--status-closed-text: #b0b0b0;--accent-purple: #a78bfa;--accent-indigo: #818cf8}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}:host{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;font-family:inherit;font-size:inherit;cursor:pointer}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:9999}.floating-button:hover{transform:scale(1.1);box-shadow:0 6px 30px #667eea99}.floating-button:active{transform:scale(.95)}.floating-button--has-unread:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.4;animation:pulse-ring 2s ease-out infinite;z-index:-1}.floating-button__icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.floating-button__text{position:absolute;font-size:32px;font-weight:700;color:#fff;line-height:1}.floating-button__badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;background:#ef4444;border-radius:11px;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #ef444480;animation:pulse-badge 1.5s ease-in-out infinite,bounce-badge .6s ease-out}@media(max-width:768px){.floating-button{bottom:16px;right:16px;width:56px;height:56px}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.2}to{transform:scale(1.3);opacity:0}}@keyframes bounce-badge{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ef444480}50%{box-shadow:0 2px 12px #ef4444cc,0 0 20px #ef444466}}.chat-widget-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9998;animation:fadeIn .2s ease}.chat-widget{position:fixed;bottom:90px;right:24px;width:360px;height:600px;max-width:calc(100vw - 48px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease;z-index:9999;overflow:hidden}@media(max-width:768px){.chat-widget{bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0}}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;justify-content:flex-end;padding:12px 16px;background:transparent;border-radius:16px 16px 0 0}@media(max-width:768px){.chat-widget-header{border-radius:0}}.chat-widget-close{appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-close:focus{outline:none}.chat-widget-close:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-close{color:#495057;font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.chat-widget-close:hover{background:#e9ecef;color:#212529}.chat-widget-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-widget-home{flex:1;display:flex;flex-direction:column;background:#f5f5f5;overflow-y:auto}.chat-widget-home-header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;background:#f5f5f5;border-radius:16px 16px 0 0}.chat-widget-home-logo-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-widget-home-logo{width:100%;height:100%;object-fit:contain}.chat-widget-home-title{font-size:18px;font-weight:700;color:#333;margin:0}.chat-widget-home-content{flex:1;padding:16px;text-align:center;display:flex;flex-direction:column;gap:16px;background:#f5f5f5;overflow-y:auto}.chat-widget-home-card{background:#fff;border-radius:12px;padding:20px}.chat-widget-home-greeting{display:flex;flex-direction:column;gap:16px}.chat-widget-home-message{font-size:15px;color:#495057;line-height:1.6;margin:0}.chat-widget-home-question{font-size:18px;font-weight:700;color:#212529;margin:0}.chat-widget-home-hours{text-align:left}.chat-widget-home-hours-title{font-size:15px;font-weight:700;color:#212529;margin:0 0 12px;text-align:center}.chat-widget-home-hours-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.chat-widget-home-hours-list li{font-size:14px;color:#495057;padding-left:20px;position:relative}.chat-widget-home-hours-list li:before{content:"•";position:absolute;left:8px;color:#667eea}.chat-widget-home-contact{font-size:14px;font-weight:600;color:#212529;margin:16px 0 8px;text-align:center}.chat-widget-home-tip{font-size:13px;color:#495057;margin:0;text-align:center;line-height:1.5}.chat-widget-home-notice{margin-top:16px;padding:12px;background:#f0f9ff;border-radius:8px;border-left:3px solid #667eea}.chat-widget-home-notice-title{font-size:14px;font-weight:700;color:#212529;margin:0 0 8px}.chat-widget-home-notice-content{font-size:13px;color:#495057;margin:0;line-height:1.5}.chat-widget-home-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.chat-widget-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.chat-widget-home-btn:active{transform:translateY(0)}.chat-widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff}.chat-widget-messages .typing-indicator .chat-bubble{background:#f3f4f6;padding:12px 16px}.chat-widget-messages .typing-dots{display:flex;align-items:center;gap:4px}.chat-widget-messages .typing-dots span{width:6px;height:6px;background-color:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.chat-widget-messages .typing-dots span:nth-child(1){animation-delay:-.32s}.chat-widget-messages .typing-dots span:nth-child(2){animation-delay:-.16s}.chat-widget-messages .typing-dots span:nth-child(3){animation-delay:0s}.chat-message{display:flex;flex-direction:row;gap:8px;max-width:80%;animation:fadeIn .2s ease}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-message.mine .chat-bubble{align-items:flex-end}.chat-message.mine .chat-message-content{background:#e9ecef;color:#333}.chat-message.mine .chat-message-time{color:#6c757d}.chat-message.theirs{align-self:flex-start}.chat-message.theirs .chat-bubble{align-items:flex-start}.chat-message.theirs .chat-message-content{background:#fff;color:#333;border:1px solid #e1e4e8}.chat-message.deleted .chat-bubble.deleted .chat-message-content{background:#f3f4f6!important;color:#9ca3af!important;font-style:italic;border:1px dashed #d1d5db!important}.chat-message.mine.deleted .chat-bubble.deleted .chat-message-content{background:#f3f4f6!important;color:#9ca3af!important}.chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.chat-bubble{display:flex;flex-direction:column}.chat-message-content{padding:8px 12px;border-radius:12px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;font-size:13px;line-height:1.2}.chat-message-content em{font-style:normal;display:inline-block;transform:skew(-10deg)}.chat-message-content p{margin:0}.chat-message-content p+p{margin-top:.2em}.chat-message-content a{color:inherit;text-decoration:underline;font-weight:500}.chat-message-content a:hover{opacity:.8}.chat-message-content strong{font-weight:700}.chat-message-content em{font-style:italic}.chat-message-content s{text-decoration:line-through}.chat-message-content code{background:#f3f4f6;color:#e11d48;padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;border:1px solid #e5e7eb}.chat-message-content pre{background:#1e1e2e;color:#cdd6f4;padding:10px 14px;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto;margin:4px 0;white-space:pre;border:1px solid #313244}.chat-message-content pre code{background:none;color:inherit;padding:0;border:none;border-radius:0;font-size:inherit}.chat-message-content pre .hljs-keyword{color:#cba6f7}.chat-message-content pre .hljs-string{color:#a6e3a1}.chat-message-content pre .hljs-number{color:#fab387}.chat-message-content pre .hljs-comment{color:#6c7086;font-style:italic}.chat-message-content pre .hljs-function,.chat-message-content pre .hljs-title{color:#89b4fa}.chat-message-content pre .hljs-built_in{color:#f9e2af}.chat-message-content pre .hljs-attr{color:#89dceb}.chat-message-content pre .hljs-variable{color:#f38ba8}.chat-message-content pre .hljs-type{color:#f9e2af}.chat-message-content pre .hljs-punctuation{color:#bac2de}.chat-message-content ul{padding-left:18px;margin:4px 0}.chat-message-content ul li{margin-bottom:2px}.chat-message-content ol{padding-left:18px;margin:4px 0}.chat-message-content ol li{margin-bottom:2px}.chat-message-content blockquote{border-left:3px solid #d1d5db;padding-left:10px;margin:4px 0;color:#6b7280}.chat-message-time{font-size:10px;color:#6c757d;margin-top:3px}.chat-message-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-quick-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:16px;cursor:pointer;font-size:11px;color:#212529;text-align:left;transition:all .2s ease;white-space:nowrap}.chat-quick-button:hover{background:#e9ecef;border-color:#667eea}.chat-quick-button:active{transform:scale(.98)}.chat-quick-button .button-icon{font-size:13px;flex-shrink:0}.chat-quick-button .button-label{flex:1}.chat-widget-input{padding:16px 20px;background:#fff;border-radius:0 0 16px 16px}@media(max-width:768px){.chat-widget-input{border-radius:0}}.chat-widget-input-wrapper{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid #e1e4e8;border-radius:28px;background:#f5f5f5}.chat-widget-input-wrapper:focus-within{border-color:#667eea;background:#fff}.chat-widget-input-field{flex:1;padding:0;border:none;font-size:14px;outline:none;background:transparent}.chat-widget-file-btn{width:24px;height:24px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-file-btn:focus{outline:none}.chat-widget-file-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-file-btn{display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-widget-file-btn:hover:not(:disabled){opacity:.7}.chat-widget-file-btn:disabled{opacity:.5;cursor:not-allowed}.chat-widget-file-icon{width:20px;height:20px;opacity:.6}.chat-widget-emoji-btn{width:24px;height:24px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-emoji-btn:focus{outline:none}.chat-widget-emoji-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-emoji-btn{font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.chat-widget-emoji-btn:hover{opacity:.7}.chat-widget-send-btn{width:32px;height:32px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-send-btn:focus{outline:none}.chat-widget-send-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-send-btn{color:#fff;border-radius:50%;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-widget-send-btn:hover:not(:disabled){opacity:.7}.chat-widget-send-btn:active{transform:scale(.95)}.chat-widget-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-widget-send-icon{width:20px;height:20px}.chat-widget-tabs{display:flex;background:#f5f5f5;border-radius:0 0 16px 16px}.chat-widget-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-tab:focus{outline:none}.chat-widget-tab:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-tab{transition:all .2s ease;gap:2px}.chat-widget-tab:first-child{border-radius:0 0 0 16px}.chat-widget-tab:last-child{border-radius:0 0 16px}.chat-widget-tab:hover{background:#e9ecef}.chat-widget-tab:hover .chat-widget-tab-icon{transform:scale(1.05)}.chat-widget-tab.active .chat-widget-tab-icon{transform:scale(1.1);color:#667eea}.chat-widget-tab.active .chat-widget-tab-label{color:#667eea;font-weight:700}.chat-widget-tab-icon{width:18px;height:18px;transition:transform .2s ease;object-fit:contain;color:#6c757d}.chat-widget-tab-label{font-size:10px;font-weight:500;color:#6c757d;transition:color .2s ease}.chat-widget-consult-list-container{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.chat-widget-consult-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;flex-shrink:0}.chat-widget-consult-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.chat-widget-floating-new-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d;z-index:10}.chat-widget-floating-new-btn:hover{background:#6e7bc7;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #667eea66}.chat-widget-floating-new-btn:active{transform:translate(-50%) translateY(0)}.chat-widget-consult-list{flex:1;overflow-y:auto;background:#fff}.chat-widget-consult-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.chat-widget-consult-item:hover{background:#f8f9fa}.chat-widget-consult-info{flex:1;min-width:0}.chat-widget-consult-message{font-size:14px;font-weight:500;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.chat-widget-consult-time{font-size:12px;color:#6c757d;font-weight:400}.chat-widget-consult-actions{display:flex;align-items:center;gap:8px}.chat-widget-consult-badge{min-width:24px;height:24px;padding:0 8px;background:#dc3545;color:#fff;border-radius:12px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-widget-menu-wrapper{position:relative}.chat-widget-menu-btn{width:32px;height:32px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-menu-btn:focus{outline:none}.chat-widget-menu-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-menu-btn{color:#6c757d;font-size:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-widget-menu-btn:hover{background:#e9ecef;color:#495057}.chat-widget-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;z-index:1000;overflow:hidden}.chat-widget-menu-item{width:100%;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-menu-item:focus{outline:none}.chat-widget-menu-item:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-menu-item{background:#fff;color:#dc3545;font-size:14px;font-weight:500;text-align:center;transition:background .2s ease}.chat-widget-menu-item:hover{background:#e9ecef}.chat-widget-menu-item:active{background:#d1d5db}.chat-widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff}.chat-widget-empty p{color:#6c757d;font-size:14px;margin:0}.chat-widget-chat-header{display:flex;align-items:center;gap:12px;padding:6px 16px;background:#fff}.chat-widget-chat-header-info{flex:1;display:flex;align-items:center;gap:10px}.chat-widget-chat-header-text{display:flex;flex-direction:column;gap:2px}.chat-widget-back-btn{width:32px;height:32px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-back-btn:focus{outline:none}.chat-widget-back-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-back-btn{font-size:20px;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-widget-back-btn:hover{opacity:.7}.chat-widget-chat-logo{width:18px;height:18px;border-radius:4px}.chat-widget-chat-title{font-size:14px;font-weight:600;color:#212529}.chat-widget-chat-subtitle{font-size:11px;color:#6c757d}.chat-widget-chat-menu-wrapper{position:relative}.chat-widget-menu-icon{width:32px;height:32px;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-menu-icon:focus{outline:none}.chat-widget-menu-icon:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-menu-icon{font-size:20px;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-widget-menu-icon:hover{opacity:.7}.chat-widget-chat-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000;min-width:160px}.chat-widget-chat-menu-item{width:100%;appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.chat-widget-chat-menu-item:focus{outline:none}.chat-widget-chat-menu-item:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-widget-chat-menu-item{background:#fff;color:#dc3545;text-align:center;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.chat-widget-chat-menu-item:hover{background:#f8f9fa}.csat-card{background:#fff;border:1px solid #e1e4e8;border-radius:24px;padding:16px;margin:8px 0;max-width:320px}.csat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.csat-header .csat-icon{font-size:18px}.csat-header h4{margin:0;font-size:14px;font-weight:600;color:#212529}.csat-questions{display:flex;flex-direction:column;gap:12px}.csat-question .csat-question-text{margin:0 0 4px;font-size:11px;line-height:1.4;color:#495057}.csat-question .csat-question-number{font-weight:600;color:#212529;margin-right:4px}.csat-stars{display:flex;align-items:center;gap:2px}.csat-star{appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.csat-star:focus{outline:none}.csat-star:focus-visible{outline:2px solid #667eea;outline-offset:2px}.csat-star{font-size:22px;color:#d1d5db;transition:all .15s ease;cursor:pointer}.csat-star:hover:not(:disabled){transform:scale(1.1);color:#fbbf24}.csat-star.active{color:#f59e0b}.csat-star:disabled{cursor:default}.csat-rating-text{margin-left:8px;font-size:10px;color:#6b7280}.csat-feedback{margin-top:12px;padding-top:12px;border-top:1px solid #e1e4e8}.csat-feedback label{display:block;font-size:10px;color:#6b7280;margin-bottom:4px}.csat-feedback textarea{width:100%;padding:8px;border:1px solid #e1e4e8;border-radius:8px;font-size:11px;font-family:inherit;resize:none;background:#fff;color:#212529}.csat-feedback textarea::placeholder{color:#6b7280}.csat-feedback textarea:focus{outline:none;border-color:#667eea}.csat-submit-btn{appearance:none;-webkit-appearance:none;background:none;border:none;outline:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.csat-submit-btn:focus{outline:none}.csat-submit-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.csat-submit-btn{width:100%;margin-top:12px;padding:8px 12px;background:#667eea;color:#fff;font-size:11px;font-weight:500;border-radius:8px;cursor:pointer;transition:background .2s ease}.csat-submit-btn:hover:not(:disabled){background:#4260e5}.csat-submit-btn:disabled{opacity:.5;cursor:not-allowed}.csat-card-submitted{text-align:center;padding:16px;background:#f8f9fa}.csat-thank-you .csat-icon{font-size:32px;display:block;margin-bottom:8px}.csat-thank-you h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#212529}.csat-thank-you p{margin:0;font-size:11px;color:#495057}.dark-mode .csat-card{background:#111827;border-color:#374151}.dark-mode .csat-header h4{color:#f9fafb}.dark-mode .csat-question .csat-question-text{color:#d1d5db}.dark-mode .csat-question .csat-question-number{color:#f9fafb}.dark-mode .csat-star{color:#4b5563}.dark-mode .csat-star.active{color:#f59e0b}.dark-mode .csat-feedback{border-color:#374151}.dark-mode .csat-feedback textarea{background:#374151;border-color:#374151;color:#f9fafb}.dark-mode .csat-feedback textarea::placeholder{color:#6b7280}.dark-mode .csat-card-submitted{background:#374151}.dark-mode .csat-thank-you h4{color:#f9fafb}.dark-mode .csat-thank-you p{color:#d1d5db}.dark-mode .chat-widget{background:#1f2937}.dark-mode .chat-widget-close{color:#9ca3af}.dark-mode .chat-widget-close:hover{background:#374151;color:#f9fafb}.dark-mode .chat-widget-home,.dark-mode .chat-widget-home-header{background:#111827}.dark-mode .chat-widget-home-title{color:#f9fafb}.dark-mode .chat-widget-home-content{background:#111827}.dark-mode .chat-widget-home-card{background:#1f2937;border:1px solid #374151}.dark-mode .chat-widget-home-message{color:#d1d5db}.dark-mode .chat-widget-home-question,.dark-mode .chat-widget-home-hours-title{color:#f9fafb}.dark-mode .chat-widget-home-hours-list li{color:#d1d5db}.dark-mode .chat-widget-messages{background:#1f2937}.dark-mode .chat-message.theirs .chat-message-content{background:#374151;color:#f9fafb;border-color:#4b5563}.dark-mode .chat-message.mine .chat-message-content{background:#4b5563;color:#f9fafb}.dark-mode .chat-message.deleted .chat-bubble.deleted .chat-message-content{background:#374151!important;color:#6b7280!important;border-color:#4b5563!important}.dark-mode .chat-message.mine.deleted .chat-bubble.deleted .chat-message-content{background:#374151!important;color:#6b7280!important}.dark-mode .chat-message-time{color:#9ca3af}.dark-mode .chat-message-content code{background:#374151;color:#f472b6;border-color:#4b5563}.dark-mode .chat-message-content pre{background:#11111b;border-color:#313244}.dark-mode .chat-message-content blockquote{border-left-color:#4b5563;color:#9ca3af}.dark-mode .chat-quick-button{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .chat-quick-button:hover{background:#4b5563;border-color:#667eea}.dark-mode .chat-widget-input{background:#1f2937;border-top:1px solid #374151}.dark-mode .chat-widget-input-wrapper{background:#374151;border-color:#4b5563}.dark-mode .chat-widget-input-wrapper:focus-within{background:#1f2937;border-color:#667eea}.dark-mode .chat-widget-input-field{color:#f9fafb}.dark-mode .chat-widget-input-field::placeholder{color:#6b7280}.dark-mode .chat-widget-tabs{background:#111827;border-top:1px solid #374151}.dark-mode .chat-widget-tab:hover{background:#1f2937}.dark-mode .chat-widget-tab-icon,.dark-mode .chat-widget-tab-label{color:#9ca3af}.dark-mode .chat-widget-tab.active .chat-widget-tab-icon,.dark-mode .chat-widget-tab.active .chat-widget-tab-label{color:#667eea}.dark-mode .chat-widget-consult-list-container{background:#1f2937}.dark-mode .chat-widget-consult-header{background:#1f2937;border-bottom:1px solid #374151}.dark-mode .chat-widget-consult-header h3{color:#f9fafb}.dark-mode .chat-widget-consult-list{background:#1f2937}.dark-mode .chat-widget-consult-item{background:#1f2937;border-bottom:1px solid #374151}.dark-mode .chat-widget-consult-item:hover{background:#374151}.dark-mode .chat-widget-consult-message{color:#f9fafb}.dark-mode .chat-widget-consult-time,.dark-mode .chat-widget-menu-btn{color:#9ca3af}.dark-mode .chat-widget-menu-btn:hover{background:#374151;color:#f9fafb}.dark-mode .chat-widget-menu-dropdown{background:#374151;border-color:#4b5563}.dark-mode .chat-widget-menu-item{background:#374151;color:#ef4444}.dark-mode .chat-widget-menu-item:hover{background:#4b5563}.dark-mode .chat-widget-empty{background:#1f2937}.dark-mode .chat-widget-empty p{color:#9ca3af}.dark-mode .chat-widget-chat-header{background:#1f2937;border-bottom:1px solid #374151}.dark-mode .chat-widget-back-btn{color:#9ca3af}.dark-mode .chat-widget-chat-title{color:#f9fafb}.dark-mode .chat-widget-chat-subtitle,.dark-mode .chat-widget-menu-icon{color:#9ca3af}.dark-mode .chat-widget-chat-menu-dropdown{background:#374151;border:1px solid #4b5563}.dark-mode .chat-widget-chat-menu-item{background:#374151;color:#ef4444}.dark-mode .chat-widget-chat-menu-item:hover{background:#4b5563}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#1a1a2e;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;animation:toast-slide-in .3s cubic-bezier(.21,1.02,.73,1) forwards;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-4px)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer;padding:0;margin-left:8px;transition:color .2s;line-height:1}.toast-close:hover{color:#fff}.toast-success{background:linear-gradient(135deg,#0d2818,#1a1a2e);border-left:3px solid #10b981}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error{background:linear-gradient(135deg,#2d1215,#1a1a2e);border-left:3px solid #ef4444}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning{background:linear-gradient(135deg,#2d2310,#1a1a2e);border-left:3px solid #f59e0b}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info{background:linear-gradient(135deg,#0d1a2d,#1a1a2e);border-left:3px solid #3b82f6}.toast-info .toast-icon{background:#3b82f6;color:#fff}@media(prefers-color-scheme:light){.toast{background:#fff;color:#1a1a2e;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d}.toast-success{background:linear-gradient(135deg,#ecfdf5,#fff)}.toast-error{background:linear-gradient(135deg,#fef2f2,#fff)}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fff)}.toast-info{background:linear-gradient(135deg,#eff6ff,#fff)}.toast-close{color:#0006}.toast-close:hover{color:#1a1a2e}}.consults-list-panel{width:320px;min-width:280px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background-color:#fafaf9}.list-header{padding:0;border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;background-color:var(--bg-secondary)}.header-nav{display:flex;align-items:center;padding:0 6px 0 4px}.nav-tabs{display:flex;flex:1;min-width:0}.nav-tab{position:relative;padding:11px 10px 9px;background:none;border:none;border-bottom:2px solid transparent;font-size:12.5px;font-weight:500;color:var(--text-tertiary, #9ca3af);cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap;letter-spacing:-.01em}.nav-tab:hover{color:var(--text-secondary, #6b7280)}.nav-tab.active{color:var(--text-primary, #1f2937);font-weight:600;border-bottom-color:var(--text-primary, #1f2937)}.nav-divider{width:1px;height:16px;background:var(--border-primary, #e5e7eb);margin:0 4px;flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.nav-icon-btn{position:relative;width:30px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text-tertiary, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.nav-icon-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937);transform:scale(1.05)}.nav-icon-btn:active{transform:scale(.95)}.nav-icon-btn.active{background:#3b82f6;color:#fff}.filter-dropdown-wrapper{position:relative}.filter-badge{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#ef4444;pointer-events:none;box-shadow:0 0 0 2px var(--bg-secondary, #ffffff)}.filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e5e7eb);border-radius:10px;box-shadow:0 4px 16px #0000001a,0 1px 3px #0000000f;padding:4px;z-index:100;animation:filterDropdownIn .15s ease}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-primary, #1f2937);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease}.filter-dropdown-item:hover{background:var(--bg-hover, #f3f4f6)}.filter-dropdown-item.active{background:#eff6ff;color:#2563eb}.filter-dropdown-item svg{flex-shrink:0;color:var(--text-tertiary, #9ca3af)}.filter-dropdown-item.active svg{color:#2563eb}.filter-dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dark-mode .filter-dropdown-divider{background:#374151}.filter-submenu-wrapper{position:relative}.filter-submenu-trigger{justify-content:flex-start}.filter-submenu-trigger .submenu-arrow{margin-left:auto;flex-shrink:0;color:#9ca3af;transition:transform .15s}.filter-submenu-trigger.active .submenu-arrow{color:#2563eb}.dark-mode .filter-submenu-trigger .submenu-arrow{color:#6b7280}.dark-mode .filter-submenu-trigger.active .submenu-arrow{color:#60a5fa}.filter-submenu{position:absolute;left:calc(100% + 4px);top:0;min-width:160px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f,0 1px 3px #0000000f;padding:4px 0;z-index:101}.filter-submenu::-webkit-scrollbar{width:4px}.filter-submenu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dark-mode .filter-submenu{background:#1f2937;border-color:#374151;box-shadow:0 4px 16px #00000059,0 1px 3px #0003}.dark-mode .filter-submenu::-webkit-scrollbar-thumb{background:#4b5563}.filter-tag-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-dropdown-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;background:#ef4444;color:#fff}.unread-header-bar{display:flex;align-items:center;gap:8px;padding:8px 12px}.unread-back-btn{width:28px;height:28px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.unread-back-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.unread-header-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary, #1f2937);letter-spacing:-.01em}.unread-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;background:#3b82f6;color:#fff}.empty-icon{color:var(--text-tertiary, #d1d5db);margin-bottom:12px}.dark-mode .nav-tab{color:#6b7280}.dark-mode .nav-tab:hover{color:#9ca3af}.dark-mode .nav-tab.active{color:#e5e7eb;border-bottom-color:#e5e7eb}.dark-mode .nav-divider{background:#4b5563}.dark-mode .nav-icon-btn{color:#6b7280}.dark-mode .nav-icon-btn:hover{background:#374151;color:#e5e7eb}.dark-mode .nav-icon-btn.active{background:#3b82f6;color:#fff}.dark-mode .filter-badge{box-shadow:0 0 0 2px var(--bg-secondary, #1f2937)}.dark-mode .filter-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 4px 16px #00000059,0 1px 3px #0003}.dark-mode .filter-dropdown-item{color:#e5e7eb}.dark-mode .filter-dropdown-item:hover{background:#374151}.dark-mode .filter-dropdown-item.active{background:#3b82f626;color:#60a5fa}.dark-mode .filter-dropdown-item svg{color:#6b7280}.dark-mode .filter-dropdown-item.active svg{color:#60a5fa}.dark-mode .unread-back-btn{color:#9ca3af}.dark-mode .unread-back-btn:hover{background:#374151;color:#e5e7eb}.dark-mode .unread-header-title{color:#e5e7eb}.dark-mode .empty-icon{color:#4b5563}.list-header .search-input-wrapper{padding:8px 12px 10px}.manager-tabs-wrapper{display:flex;align-items:center;gap:4px;position:relative;padding:4px 12px 10px}.manager-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.manager-tabs::-webkit-scrollbar{display:none}.scroll-arrow{width:0;height:24px;padding:0;border:none;background:var(--bg-tertiary);border-radius:50%;font-size:14px;font-weight:700;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .2s ease;flex-shrink:0;overflow:hidden}.scroll-arrow.visible{width:24px;opacity:1;pointer-events:auto}.scroll-arrow.left svg{margin-left:-1px}.scroll-arrow.right svg{margin-right:-1px}.scroll-arrow:hover{background:var(--bg-hover);color:var(--text-primary)}.manager-tab{padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:16px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.manager-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.manager-tab.active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.search-input-wrapper{display:flex;gap:8px;padding:8px 12px 10px}.search-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#3b82f6}.dark-mode .search-input{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .search-input:focus{border-color:#3b82f6}.search-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.search-btn:hover{background:#2563eb}.search-btn:disabled{background:#94a3b8;cursor:not-allowed}.search-filter-btn{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .2s}.search-filter-btn:hover,.search-filter-btn.active{background:#f1f5f9;border-color:#94a3b8;color:#334155}.search-filter-btn.has-filters{border-color:#3b82f6;color:#3b82f6}.dark-mode .search-filter-btn{border-color:#4b5563;color:#9ca3af}.dark-mode .search-filter-btn:hover,.dark-mode .search-filter-btn.active{background:#374151;border-color:#6b7280;color:#e5e7eb}.dark-mode .search-filter-btn.has-filters{border-color:#3b82f6;color:#60a5fa}.search-filter-count{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#3b82f6;color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.search-filters-panel{padding:8px 12px 10px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.dark-mode .search-filters-panel{border-top-color:#374151}.search-filter-row{display:flex;gap:8px}.search-filter-group{flex:1;display:flex;flex-direction:column;gap:3px}.search-filter-group label{font-size:11px;font-weight:500;color:#94a3b8}.dark-mode .search-filter-group label{color:#6b7280}.search-filter-group select,.search-filter-group input[type=date]{padding:6px 8px;border:1px solid #e2e8f0;border-radius:5px;font-size:12px;color:#374151;background:#fff;outline:none;transition:border-color .2s}.search-filter-group select:focus,.search-filter-group input[type=date]:focus{border-color:#3b82f6}.dark-mode .search-filter-group select,.dark-mode .search-filter-group input[type=date]{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .search-filter-group select:focus,.dark-mode .search-filter-group input[type=date]:focus{border-color:#3b82f6}.search-filter-clear{align-self:flex-end;padding:4px 10px;border:none;background:transparent;color:#94a3b8;font-size:11px;cursor:pointer;transition:color .2s}.search-filter-clear:hover{color:#3b82f6}.search-result-item{padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:#f8fafc}.dark-mode .search-result-item{border-bottom-color:#374151}.dark-mode .search-result-item:hover{background:#374151}.search-result-message{font-size:13px;color:#374151;line-height:1.5;margin-bottom:4px}.dark-mode .search-result-message{color:#e5e7eb}.search-result-meta{display:flex;gap:8px}.search-result-date{font-size:11px;color:#9ca3af}.consult-items{flex:1;overflow-y:auto}.load-more-trigger{padding:16px;text-align:center}.load-more-trigger .loading-text{font-size:13px;color:#6b7280;margin:0}.loading-message{padding:20px;text-align:center}.loading-message p{font-size:14px;color:#6b7280;margin:0}.empty-message{padding:40px 20px;text-align:center}.empty-message p{font-size:14px;color:#9ca3af;margin:0}.consult-item{position:relative;padding:6px 10px;border-bottom:1px solid #e7e5e4;cursor:pointer;transition:background-color .2s ease,opacity 1s ease,transform 1s ease;opacity:1;transform:translate(0);z-index:1}.consult-item.menu-open{z-index:9999}.consult-item.fading-out{opacity:0;transform:translate(-20px);pointer-events:none}.consult-item:hover{background-color:#f5f5f4}.consult-item.fading-out:hover{background-color:transparent}.consult-item.selected{background-color:#e0e7ff;border-left:3px solid #4f46e5}.consult-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.consult-item-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:visible}.consult-member{font-weight:600;font-size:13px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.consult-header-right{display:flex;align-items:center;gap:8px}.consult-item .manager-badge{font-size:10px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);padding:2px 8px;border-radius:12px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.dark-mode .consult-item .manager-badge{color:#86efac;background-color:#22c55e26;border:1px solid rgba(34,197,94,.3)}.consult-time{font-size:11px;color:#6b7280}.consult-item-message{font-size:12px;color:#6b7280;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consult-item-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.footer-right{position:relative;display:flex;align-items:center;flex-shrink:0}.consult-tags{display:flex;gap:4px;flex-wrap:wrap}.status-badge-container{position:relative;display:flex;align-items:center;gap:4px}.status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-progress{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#d1fae5;color:#065f46}.status-closed{background-color:#e5e7eb;color:#374151}.status-change-btn{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:16px;color:#6b7280;border-radius:4px;transition:all .2s ease;line-height:1}.status-change-btn:hover{background-color:#f5f5f4;color:#1f2937}.status-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;min-width:120px;overflow:hidden}.status-menu-item{padding:8px 12px;cursor:pointer;font-size:13px;color:#374151;transition:background-color .15s ease}.status-menu-item:hover{background-color:#f5f5f4}.status-menu-item.active{background-color:#e0e7ff;color:#4f46e5;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;padding:2px 8px;background-color:#6366f133;color:inherit;border-radius:4px;font-size:11px;font-weight:600;border:1px solid rgba(99,102,241,.3)}.consult-item-title .unread-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background-color:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;height:18px;flex-shrink:0}@media(max-width:1200px){.consults-list-panel{width:280px;min-width:260px}}@media(max-width:768px){.consults-list-panel{width:240px;min-width:220px}.nav-tab{font-size:11px;padding:10px 6px 8px}.nav-icon-btn{width:28px;height:28px}}.rich-text-editor{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:12px;background:#fff;flex:1}.rich-text-editor.disabled{opacity:.6;pointer-events:none}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;flex-shrink:0}.message-mode-tabs{display:flex;gap:4px;background:#e5e7eb;padding:4px;border-radius:8px;flex-shrink:0}.mode-tab{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.mode-tab.active{background:#374151;color:#fff}.toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.format-buttons{display:flex;align-items:center;gap:2px}.action-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:14px;color:#6b7280;transition:background-color .15s,color .15s}.toolbar-button:hover{background:#e5e7eb;color:#374151}.toolbar-button.active{background:#374151;color:#fff}.toolbar-divider{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.emoji-picker-container{position:static}.emoji-picker-popup{position:fixed;z-index:10000;border-radius:12px;box-shadow:0 4px 20px #00000040}.editor-content-wrapper{position:relative}.rich-text-editor .tiptap{min-height:80px;max-height:200px;overflow-y:auto;padding:12px 16px 40px;outline:none;color:#1f2937;font-size:14px;line-height:1.6;border-radius:0 0 12px 12px}.rich-text-editor .tiptap p{margin:0}.rich-text-editor .tiptap p+p{margin-top:.5em}.rich-text-editor .tiptap p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-text-editor .tiptap em{font-style:normal;display:inline-block;transform:skew(-10deg)}.rich-text-editor .tiptap code{background:#f3f4f6;color:#e11d48;padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;border:1px solid #e5e7eb}.rich-text-editor .tiptap pre{background:#1e1e2e;color:#cdd6f4;padding:12px 16px;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;margin:6px 0;border:1px solid #313244;white-space:pre}.rich-text-editor .tiptap pre code{background:none;color:inherit;padding:0;border:none;border-radius:0;font-size:inherit}.rich-text-editor .tiptap pre .hljs-keyword{color:#cba6f7}.rich-text-editor .tiptap pre .hljs-string{color:#a6e3a1}.rich-text-editor .tiptap pre .hljs-number{color:#fab387}.rich-text-editor .tiptap pre .hljs-comment{color:#6c7086;font-style:italic}.rich-text-editor .tiptap pre .hljs-function,.rich-text-editor .tiptap pre .hljs-title{color:#89b4fa}.rich-text-editor .tiptap pre .hljs-params{color:#cdd6f4}.rich-text-editor .tiptap pre .hljs-built_in{color:#f9e2af}.rich-text-editor .tiptap pre .hljs-attr{color:#89dceb}.rich-text-editor .tiptap pre .hljs-variable{color:#f38ba8}.rich-text-editor .tiptap pre .hljs-type{color:#f9e2af}.rich-text-editor .tiptap pre .hljs-tag{color:#f38ba8}.rich-text-editor .tiptap pre .hljs-name{color:#89b4fa}.rich-text-editor .tiptap pre .hljs-attribute{color:#f9e2af}.rich-text-editor .tiptap pre .hljs-selector-class{color:#a6e3a1}.rich-text-editor .tiptap pre .hljs-selector-tag{color:#cba6f7}.rich-text-editor .tiptap pre .hljs-literal{color:#fab387}.rich-text-editor .tiptap pre .hljs-symbol{color:#f5c2e7}.rich-text-editor .tiptap pre .hljs-meta{color:#f5e0dc}.rich-text-editor .tiptap pre .hljs-punctuation{color:#bac2de}.rich-text-editor .tiptap ul{padding-left:20px;margin:4px 0}.rich-text-editor .tiptap ul li{margin-bottom:2px}.rich-text-editor .tiptap ul li::marker{color:#9ca3af}.rich-text-editor .tiptap ol{padding-left:20px;margin:4px 0}.rich-text-editor .tiptap ol li{margin-bottom:2px}.rich-text-editor .tiptap ol li::marker{color:#6b7280;font-weight:500}.rich-text-editor .tiptap blockquote{border-left:3px solid #d1d5db;padding-left:12px;margin:4px 0;color:#6b7280}.code-btn .code-icon{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;font-weight:600}.rich-text-editor .editor-link{color:#6b7280;text-decoration:underline;cursor:pointer}.rich-text-editor .editor-link:hover{color:#374151}.file-button svg{width:16px;height:16px}.send-button{position:absolute;right:12px;bottom:8px;padding:5px 14px;background:#374151;color:#fff;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s;z-index:1}.send-button:hover:not(:disabled){background:#1f2937}.send-button:disabled{opacity:.4;cursor:not-allowed}.rich-text-editor.internal-mode{border-color:#f59e0b;border-style:dashed;border-width:2px;background:#fffbeb}.rich-text-editor.internal-mode .editor-toolbar{background:#fef3c7}.rich-text-editor.internal-mode .mode-tab.active,.rich-text-editor.internal-mode .send-button{background:#d97706}.rich-text-editor.internal-mode .send-button:hover:not(:disabled){background:#b45309}.variable-dropdown{z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:260px;max-width:340px;max-height:240px;overflow-y:auto}.variable-dropdown-header{padding:6px 12px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6}.variable-dropdown-item{padding:8px 12px;cursor:pointer;transition:background .1s}.variable-dropdown-item:hover,.variable-dropdown-item.selected{background:#f3f4f6}.variable-dropdown-item-main{display:flex;align-items:center;gap:8px}.variable-path{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#7c3aed;background:#f5f3ff;padding:1px 6px;border-radius:4px}.variable-label{font-size:13px;color:#374151;font-weight:500}.variable-description{font-size:11px;color:#9ca3af;margin-top:2px}.dark-mode .rich-text-editor{background:#1c1917;border-color:#44403c;box-shadow:none;outline:none}.dark-mode .editor-toolbar{background:#292524;border-color:#44403c}.dark-mode .message-mode-tabs{background:#292524}.dark-mode .mode-tab:hover{color:#e5e7eb}.dark-mode .toolbar-button{color:#9ca3af}.dark-mode .toolbar-button:hover{background:#44403c;color:#e7e5e4}.dark-mode .toolbar-divider{background:#44403c}.dark-mode .rich-text-editor .tiptap{color:#e5e7eb;outline:none}.dark-mode .rich-text-editor .tiptap:focus{outline:none;box-shadow:none}.dark-mode .rich-text-editor .tiptap p.is-editor-empty:first-child:before{color:#6b7280}.dark-mode .rich-text-editor .editor-link{color:#9ca3af}.dark-mode .rich-text-editor .editor-link:hover{color:#e5e7eb}.dark-mode .rich-text-editor .tiptap code{background:#374151;color:#f472b6;border-color:#4b5563}.dark-mode .rich-text-editor .tiptap pre{background:#11111b;color:#cdd6f4;border-color:#313244}.dark-mode .rich-text-editor .tiptap ul li::marker{color:#6b7280}.dark-mode .rich-text-editor .tiptap ol li::marker{color:#9ca3af}.dark-mode .rich-text-editor .tiptap blockquote{border-left-color:#4b5563;color:#9ca3af}.dark-mode .mode-tab.active,.dark-mode .toolbar-button.active{background:#4b5563;color:#fff}.dark-mode .send-button{background:#4b5563}.dark-mode .send-button:hover:not(:disabled){background:#6b7280}.dark-mode .rich-text-editor.internal-mode{border-color:#f59e0b;background:#422006}.dark-mode .rich-text-editor.internal-mode .editor-toolbar{background:#451a03}.dark-mode .variable-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 4px 16px #0006}.dark-mode .variable-dropdown-header{color:#6b7280;border-bottom-color:#374151}.dark-mode .variable-dropdown-item:hover,.dark-mode .variable-dropdown-item.selected{background:#374151}.dark-mode .variable-path{color:#a78bfa;background:#2e1065}.dark-mode .variable-label{color:#e5e7eb}.dark-mode .variable-description{color:#6b7280}.bubble-menu{display:flex;align-items:center;gap:2px;padding:6px;background:#1f2937;border-radius:8px;box-shadow:0 4px 12px #0000004d}.bubble-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:#e5e7eb;font-size:13px;cursor:pointer;transition:all .1s}.bubble-button:hover{background:#374151}.bubble-button.active{background:#374151;color:#fff}.bubble-menu{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000026}.bubble-button{color:#374151}.bubble-button:hover{background:#f3f4f6}.dark-mode .bubble-menu{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 12px #0006}.dark-mode .bubble-button{color:#e5e7eb}.dark-mode .bubble-button:hover{background:#374151}.dark-mode .bubble-button.active{background:#4b5563}.merge-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.merge-modal{background:var(--bg-primary);border-radius:12px;width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.merge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.merge-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.merge-modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.merge-modal-close:hover{color:var(--text-primary)}.merge-modal-body{padding:20px;overflow-y:auto;flex:1}.merge-modal-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.5}.merge-modal-description strong{color:#e74c3c}.merge-modal-loading,.merge-modal-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.merge-consult-list{display:flex;flex-direction:column;gap:8px}.merge-consult-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.merge-consult-item:hover{background:var(--bg-secondary)}.merge-consult-item.selected{border-color:var(--accent-color);background:#6366f11a}.merge-consult-item input[type=radio]{margin-top:4px;accent-color:var(--accent-color)}.merge-consult-info{flex:1;min-width:0}.merge-consult-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.merge-consult-time{font-size:12px;color:var(--text-secondary)}.merge-consult-status{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary)}.merge-consult-details{display:flex;flex-direction:column;gap:4px}.merge-consult-chat-count{font-size:13px;color:var(--text-primary)}.merge-consult-last-message{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-modal-error{margin-top:12px;padding:10px;background:#e74c3c1a;border-radius:6px;color:#e74c3c;font-size:13px}.merge-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border-color)}.merge-modal-cancel,.merge-modal-confirm{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.merge-modal-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.merge-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary)}.merge-modal-confirm{background:#6366f1;border:none;color:#fff}.merge-modal-confirm:hover:not(:disabled){background:#4f46e5}.merge-modal-confirm:disabled,.merge-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.past-consults-tab{display:flex;flex-direction:column;gap:8px}.past-consults-count{font-size:12px;font-weight:600;color:#78716c;padding:4px 0}.past-consults-list{display:flex;flex-direction:column;gap:6px}.past-consult-item{display:flex;flex-direction:column;gap:6px;padding:12px;background-color:#fafaf9;border:1px solid #d6d3d1;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font-family:inherit}.past-consult-item:hover{background-color:#f5f5f4;border-color:#a8a29e}.past-consult-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.past-consult-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4}.past-consult-status.status-pending{background-color:#fef3c7;color:#92400e}.past-consult-status.status-progress{background-color:#dbeafe;color:#1e40af}.past-consult-status.status-closed{background-color:#e5e7eb;color:#374151}.past-consult-status.status-exited{background-color:#fce7f3;color:#9d174d}.past-consult-time{font-size:11px;color:#a8a29e;white-space:nowrap}.past-consult-message{font-size:13px;color:#44403c;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-consult-manager{font-size:11px;color:#78716c}.past-consult-tags{display:flex;flex-wrap:wrap;gap:4px}.past-consult-tag{display:inline-flex;padding:1px 6px;background-color:#6366f11a;color:#6366f1;border-radius:3px;font-size:10px;font-weight:500}.past-consult-tag-more{display:inline-flex;padding:1px 6px;color:#a8a29e;font-size:10px}.past-consults-load-more{padding:10px;background:none;border:1px dashed #d6d3d1;border-radius:8px;font-size:13px;font-weight:500;color:#78716c;cursor:pointer;transition:all .15s;font-family:inherit}.past-consults-load-more:hover:not(:disabled){border-color:#a8a29e;color:#44403c;background-color:#f5f5f4}.past-consults-load-more:disabled{opacity:.6;cursor:not-allowed}.past-consults-loading,.past-consults-empty{font-size:13px;color:#78716c;text-align:center;padding:24px 12px}.past-consults-empty p{margin:0}.dark-mode .past-consults-count{color:#a8a29e}.dark-mode .past-consult-item{background-color:#292524;border-color:#44403c}.dark-mode .past-consult-item:hover{background-color:#44403c;border-color:#57534e}.dark-mode .past-consult-time{color:#78716c}.dark-mode .past-consult-message{color:#d6d3d1}.dark-mode .past-consult-manager{color:#a8a29e}.dark-mode .past-consult-tag{background-color:#6366f133;color:#818cf8}.dark-mode .past-consult-tag-more{color:#78716c}.dark-mode .past-consults-load-more{border-color:#44403c;color:#a8a29e}.dark-mode .past-consults-load-more:hover:not(:disabled){border-color:#57534e;color:#d6d3d1;background-color:#44403c}.dark-mode .past-consults-loading,.dark-mode .past-consults-empty{color:#a8a29e}:root{--light-bg-primary: #fafaf9;--light-bg-secondary: #f5f5f4;--light-bg-tertiary: #e7e5e4;--light-border: #d6d3d1;--light-text-primary: #1c1917;--light-text-secondary: #57534e}.consult-detail-panel{flex:1;display:flex;flex-direction:row;background-color:var(--light-bg-primary);overflow:hidden}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.detail-header{padding:10px 20px;border-bottom:1px solid var(--light-border);background-color:var(--light-bg-primary);box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-header-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.current-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--light-bg-tertiary);border-radius:4px;font-size:11px;font-weight:500;color:var(--light-text-primary);height:20px;box-sizing:border-box}.tag-remove-btn{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:#6b7280;font-size:14px;line-height:1;cursor:pointer;border-radius:50%;transition:all .15s}.tag-remove-btn:hover{background:#0000001a;color:#dc2626}.tag-add-wrapper{position:relative;flex-shrink:0}.tag-add-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px dashed #d1d5db;background:transparent;border-radius:12px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.tag-add-btn svg{width:12px;height:12px}.tag-add-btn:hover{border-color:var(--light-border);color:var(--light-text-primary);background:var(--light-bg-secondary)}.tag-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:150px;max-height:200px;overflow-y:auto;background:var(--light-bg-primary);border:1px solid var(--light-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100}.tag-dropdown-empty{padding:12px 16px;font-size:12px;color:#9ca3af;text-align:center}.tag-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;font-size:12px;color:#374151;text-align:left;cursor:pointer;transition:background .15s}.tag-dropdown-item:hover{background:var(--light-bg-secondary)}.detail-header-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-header-actions{display:flex;align-items:center;gap:8px}.outbound-call-button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s}.outbound-call-button:hover:not(:disabled){background-color:var(--btn-primary-hover)}.outbound-call-button:disabled{opacity:.5;cursor:not-allowed}.share-url-button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.share-url-button:hover:not(:disabled){background-color:var(--btn-secondary-hover)}.share-url-button:active:not(:disabled){opacity:.8}.share-url-button:disabled{opacity:.5;cursor:not-allowed}.dropdown-arrow{font-size:9px;margin-left:4px;opacity:.6}.share-dropdown{position:relative}.share-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--light-bg-primary);border:1px solid var(--light-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;border:none;background:transparent;cursor:pointer;transition:background-color .15s;text-align:left;font-size:13px;font-weight:500;color:var(--light-text-primary)}.share-dropdown-item:hover{background:var(--light-bg-secondary)}.share-dropdown-item:first-child{border-bottom:1px solid var(--light-border)}.share-dropdown-desc{font-size:11px;font-weight:400;color:var(--light-text-secondary);margin-top:2px}.dark-mode .share-dropdown-menu{background:#1f2937;border-color:#374151;box-shadow:0 8px 24px #0006}.dark-mode .share-dropdown-item{color:#f9fafb}.dark-mode .share-dropdown-item:hover{background:#374151}.dark-mode .share-dropdown-item:first-child{border-bottom-color:#374151}.dark-mode .share-dropdown-desc{color:#9ca3af}.detail-header-info h2{font-size:16px;font-weight:600;color:#1f2937;margin:0}.manager-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--light-bg-tertiary);border-radius:6px;font-size:12px;font-weight:500;color:var(--light-text-secondary)}.assign-manager-btn{display:inline-flex;align-items:center;padding:4px 12px;background:#57534e;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.assign-manager-btn:hover:not(:disabled){background:#44403c}.assign-manager-btn:disabled{opacity:.6;cursor:not-allowed}.detail-content{flex:1;width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--light-bg-secondary)}.message-placeholder{text-align:center;padding:40px;color:#6b7280}.message-placeholder p{margin:8px 0}.detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;background-color:#fafafa}.detail-placeholder h3{font-size:20px;font-weight:600;margin-bottom:8px;color:#374151}.detail-placeholder p{font-size:14px;color:#9ca3af}.error-message,.loading-message,.empty-message{padding:20px;text-align:center;color:#6b7280}.error-message{background-color:#fee2e2;color:#dc2626;border-radius:8px;margin:16px}.chat-messages{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;padding:16px 8px 16px 0;display:flex;flex-direction:column;gap:4px;background-color:#fafafa;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent}.chat-messages::-webkit-scrollbar{width:6px;background:transparent}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#8080804d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#80808080}.empty-chat-message{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;font-weight:500}.chat-message{display:flex;flex-direction:row;gap:12px;width:calc(100% - 8px);max-width:calc(100% - 8px)!important;padding:12px 16px;box-sizing:border-box;border-radius:12px;animation:fadeIn .2s ease-in;transition:background-color .15s ease}.chat-message:hover{background-color:#00000005}.chat-message.user{border-left:3px solid #3b82f6;background-color:#3b82f60f}.chat-message.user:hover{background-color:#3b82f61a}.chat-message.admin{background-color:transparent}.chat-message.internal{border-left:3px solid #f59e0b;background-color:#f59e0b0f}.chat-message.internal:hover{background-color:#f59e0b1a}.chat-message.system{display:flex;justify-content:center;align-items:center;padding:12px 20px;background:transparent;border-left:none}.chat-message.system:hover{background:transparent}.system-message-content{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;font-size:12px;color:#64748b}.dark-mode .system-message-content{background:#64748b26;border-color:#64748b4d;color:#94a3b8}.message-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 8px #00000014}.message-bubble{display:flex;flex-direction:column;flex:1;min-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user,.chat-message.admin,.chat-message.internal{align-self:stretch}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.message-sender{font-weight:600;color:#1f2937}.message-time{font-size:12px;color:#9ca3af}.message-content{word-break:break-word;white-space:pre-wrap;font-size:14px;line-height:1.6;color:#374151}.message-content a{color:inherit;text-decoration:underline;font-weight:500}.message-content a:hover{opacity:.8}.message-content p{margin:0}.message-content p+p{margin-top:.5em}.message-content strong{font-weight:700}.message-content em{font-style:italic}.message-content s{text-decoration:line-through}.message-content code{background:#f3f4f6;color:#e11d48;padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;border:1px solid #e5e7eb}.message-content pre{background:#1e1e2e;color:#cdd6f4;padding:12px 16px;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;margin:6px 0;white-space:pre;border:1px solid #313244}.message-content pre code{background:none;color:inherit;padding:0;border:none;border-radius:0;font-size:inherit}.message-content pre .hljs-keyword{color:#cba6f7}.message-content pre .hljs-string{color:#a6e3a1}.message-content pre .hljs-number{color:#fab387}.message-content pre .hljs-comment{color:#6c7086;font-style:italic}.message-content pre .hljs-function,.message-content pre .hljs-title{color:#89b4fa}.message-content pre .hljs-params{color:#cdd6f4}.message-content pre .hljs-built_in{color:#f9e2af}.message-content pre .hljs-attr{color:#89dceb}.message-content pre .hljs-variable{color:#f38ba8}.message-content pre .hljs-type{color:#f9e2af}.message-content pre .hljs-tag{color:#f38ba8}.message-content pre .hljs-name{color:#89b4fa}.message-content pre .hljs-attribute{color:#f9e2af}.message-content pre .hljs-selector-class{color:#a6e3a1}.message-content pre .hljs-selector-tag{color:#cba6f7}.message-content pre .hljs-literal{color:#fab387}.message-content pre .hljs-symbol{color:#f5c2e7}.message-content pre .hljs-meta{color:#f5e0dc}.message-content pre .hljs-punctuation{color:#bac2de}.message-content ul{padding-left:20px;margin:4px 0}.message-content ul li{margin-bottom:2px}.message-content ol{padding-left:20px;margin:4px 0}.message-content ol li{margin-bottom:2px}.message-content blockquote{border-left:3px solid #d1d5db;padding-left:12px;margin:4px 0;color:#6b7280}.chat-message .message-content em{font-style:normal;display:inline-block;transform:skew(-10deg)}.chat-message .message-content{color:#1f2937}.chat-message.internal .message-content{color:#92400e}.chat-message.internal .message-header:before{content:"🔒 ";font-size:12px}.chat-message.internal .message-sender{color:#b45309}.chat-input-container{display:flex;flex-direction:column;gap:12px;padding:16px;border-top:1px solid var(--light-border);background-color:var(--light-bg-secondary)}.chat-input-disabled{display:flex;align-items:center;justify-content:center;padding:20px;background:#fef3c7;border:2px dashed #f59e0b;border-radius:12px}.disabled-message{display:flex;align-items:center;gap:10px;color:#92400e;font-size:14px;font-weight:500}.disabled-icon{font-size:18px}.chat-input-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--light-border);border-radius:12px;background:var(--light-bg-primary);transition:all .2s ease}.chat-input-row:focus-within{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a}.chat-input-row.internal-mode{background:#fefce8;border:2px dashed #f59e0b}.chat-input-row.internal-mode:focus-within{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b33}.chat-input-row.internal-mode .chat-input{background:transparent}.chat-input-row.internal-mode .chat-input::placeholder{color:#b45309}.chat-input-row.internal-mode .chat-send-button{background-color:#d97706}.chat-input-row.internal-mode .chat-send-button:hover:not(:disabled){background-color:#b45309}.chat-file-button{padding:6px 8px;background-color:transparent;border:none;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s;color:#6b7280;display:flex;align-items:center;justify-content:center}.chat-file-button svg{width:20px;height:20px}.chat-file-button:hover:not(:disabled){background-color:var(--light-bg-secondary);color:var(--light-text-primary)}.chat-file-button:disabled{opacity:.5;cursor:not-allowed}.chat-input-wrapper{position:relative;flex:1}.chat-input{width:100%;padding:8px 12px;border:none;background:transparent;font-size:14px;outline:none;resize:none;font-family:inherit;line-height:1.5;min-height:20px;max-height:120px;overflow-y:auto}.chat-input::placeholder{color:#9ca3af}.template-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--light-bg-primary);border:1px solid var(--light-border);border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:400px;overflow:hidden;z-index:1000}.template-dropdown-header{padding:12px 16px;background:var(--light-bg-secondary);border-bottom:1px solid var(--light-border);font-size:13px;font-weight:600;color:#6b7280}.template-dropdown-list{max-height:340px;overflow-y:auto}.template-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--light-bg-tertiary);transition:background-color .2s}.template-dropdown-item:hover,.template-dropdown-item.selected{background-color:var(--light-bg-secondary)}.template-dropdown-item:last-child{border-bottom:none}.template-item-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.template-item-preview{font-size:13px;color:#6b7280;line-height:1.5}.message-mode-tabs{display:flex;gap:4px;background:var(--light-bg-tertiary);padding:4px;border-radius:8px}.mode-tab{padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-tab:hover{color:#374151}.mode-tab.active{background:var(--light-bg-primary);color:var(--light-text-primary);font-weight:600;box-shadow:0 1px 2px #0000000d}.dark-mode .manager-badge{background:#44403c;color:#d6d3d1}.dark-mode .assign-manager-btn{background:#57534e}.dark-mode .assign-manager-btn:hover:not(:disabled){background:#78716c}.dark-mode .message-mode-tabs{background:#374151}.dark-mode .mode-tab{color:#9ca3af}.dark-mode .mode-tab:hover{color:#d1d5db}.dark-mode .mode-tab.active{background:#1f2937;color:#a5b4fc;box-shadow:0 1px 2px #0000004d}.dark-mode .chat-input-disabled{background:#422006;border-color:#f59e0b}.dark-mode .disabled-message{color:#fcd34d}.dark-mode .chat-input-row{background:#1f2937;border-color:#374151}.dark-mode .chat-input-row:focus-within{border-color:#6b7280;box-shadow:0 0 0 3px #6b728033}.dark-mode .chat-input-row.internal-mode{background:#422006;border:2px dashed #f59e0b}.dark-mode .chat-input-row.internal-mode:focus-within{border-color:#fbbf24;box-shadow:0 0 0 3px #f59e0b4d}.dark-mode .chat-input-row.internal-mode .chat-input::placeholder{color:#fbbf24}.dark-mode .chat-input-row.internal-mode .chat-send-button{background-color:#d97706}.dark-mode .chat-input-row.internal-mode .chat-send-button:hover:not(:disabled){background-color:#f59e0b}.dark-mode .chat-input{color:#f9fafb}.dark-mode .chat-input::placeholder{color:#6b7280}.dark-mode .chat-file-button{color:#9ca3af}.dark-mode .chat-file-button:hover:not(:disabled){background-color:#374151;color:#d1d5db}.dark-mode .chat-send-button{background-color:#4b5563}.dark-mode .chat-send-button:hover:not(:disabled){background-color:#5b21b6}.image-preview-container{padding:12px;background:var(--light-bg-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px}.image-preview-wrapper{position:relative;display:inline-block;max-width:120px}.preview-image{width:100%;height:auto;max-height:150px;object-fit:contain;border-radius:8px;border:1px solid #e5e7eb}.pdf-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:200px}.pdf-icon{font-size:24px}.pdf-name{font-size:14px;color:#334155;word-break:break-all;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-preview-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:2px solid white;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-preview-btn:hover{background:#dc2626}.chat-send-button{padding:8px 16px;background-color:#374151;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-send-button:hover:not(:disabled){background-color:#4338ca}.chat-send-button:active:not(:disabled){transform:scale(.98)}.chat-send-button:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.notes-tab-content{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:0}.note-create-section{padding:0;border-bottom:none}.note-create-section .section-title,.notes-list-section .section-title{font-size:9px;font-weight:600;color:#9ca3af;margin:0 0 6px;text-transform:uppercase;letter-spacing:.3px}.note-textarea{width:100%;padding:10px 12px;border:1px solid var(--light-border);border-radius:8px;font-size:12px;font-family:inherit;resize:vertical;min-height:70px;outline:none;transition:all .2s ease;margin-bottom:8px;line-height:1.5;background:var(--light-bg-primary)}.note-textarea:focus{border-color:#a8a29e;box-shadow:0 0 0 2px #a8a29e26}.note-textarea::placeholder{color:#9ca3af}.note-input-wrapper{position:relative}.note-template-dropdown{bottom:auto;top:calc(100% + 4px);max-height:250px}.note-template-dropdown .template-dropdown-list{max-height:200px}.create-note-btn{width:100%;padding:8px 12px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-note-btn:hover:not(:disabled){background:#1f2937}.create-note-btn:active:not(:disabled){transform:scale(.98)}.create-note-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.notes-list-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:0}.notes-list{display:flex;flex-direction:column;overflow-y:auto;flex:1;gap:8px}.note-item{padding:10px 12px;background:var(--light-bg-primary);border:1px solid var(--light-border);border-radius:8px;transition:all .2s ease;position:relative}.note-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.note-date{font-size:10px;font-weight:500;color:#9ca3af}.delete-note-btn{padding:3px;border:none;background:transparent;color:#9ca3af;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;opacity:0}.delete-note-btn svg{width:14px;height:14px}.note-item:hover .delete-note-btn{opacity:1}.delete-note-btn:hover{background:#fee2e2;color:#dc2626}.note-body{margin-bottom:6px;cursor:pointer}.note-content{font-size:12px;color:#374151;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.note-content.expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset}.note-footer{display:flex;justify-content:space-between;align-items:center}.note-writer{font-size:10px;font-weight:500;color:#9ca3af}.notes-list .empty-state,.notes-list .loading-state{padding:24px 16px;text-align:center;color:#9ca3af;font-size:11px}.notes-list .empty-state p{margin:0}.dark-mode .note-create-section .section-title,.dark-mode .notes-list-section .section-title{color:#a8a29e}.dark-mode .note-textarea{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .note-textarea:focus{border-color:#78716c;box-shadow:0 0 0 2px #78716c33}.dark-mode .note-textarea::placeholder{color:#78716c}.dark-mode .create-note-btn{background:#57534e}.dark-mode .create-note-btn:hover:not(:disabled){background:#78716c}.dark-mode .create-note-btn:disabled{background:#44403c;color:#78716c}.dark-mode .note-item{background:#1c1917;border-color:#44403c}.dark-mode .note-item:hover{background-color:#292524;border-color:#57534e}.dark-mode .note-date,.dark-mode .note-writer{color:#a8a29e}.dark-mode .note-content{color:#e7e5e4}.dark-mode .delete-note-btn{color:#a8a29e}.dark-mode .delete-note-btn:hover{background:#dc262626;color:#ef4444}.dark-mode .template-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #00000080}.dark-mode .template-dropdown-header{background:#111827;border-bottom-color:#374151;color:#9ca3af}.dark-mode .template-dropdown-item{border-bottom-color:#374151}.dark-mode .template-dropdown-item:hover,.dark-mode .template-dropdown-item.selected{background-color:#374151}.dark-mode .template-item-name{color:#f9fafb}.dark-mode .template-item-preview{color:#9ca3af}.dark-mode .image-preview-container{background:#1f2937}.dark-mode .preview-image{border-color:#374151}.dark-mode .pdf-preview{background:#1e293b;border-color:#334155}.dark-mode .pdf-name{color:#e2e8f0}.message-file{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.message-file .file-icon{font-size:20px}.message-file .file-name{font-size:13px;color:#334155;word-break:break-all}.message-file:hover{background:#e2e8f0}.dark-mode .message-file{background:#1e293b;border-color:#334155}.dark-mode .message-file .file-name{color:#e2e8f0}.dark-mode .message-file:hover{background:#334155}.typing-indicator .message-bubble{background:#f3f4f6;padding:12px 16px}.typing-dots{display:flex;align-items:center;gap:4px}.typing-dots span{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.message-read-status{display:flex;justify-content:flex-end;margin-top:4px}.message-read-status .read-check{font-size:11px;color:#10b981}.message-read-status .unread-count{font-size:10px;color:#f59e0b;background:#fef3c7;padding:1px 6px;border-radius:10px;font-weight:600}.dark-mode .typing-indicator .message-bubble{background:#374151}.dark-mode .typing-dots span{background-color:#6b7280}.dark-mode .message-read-status .read-check{color:#34d399}.dark-mode .message-read-status .unread-count{color:#fbbf24;background:#422006}.message-header{display:flex;align-items:center;gap:8px}.message-delete-btn{width:20px;height:20px;padding:2px;border:none;border-radius:4px;background:transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;opacity:0;margin-left:auto}.chat-message:hover .message-delete-btn{opacity:.6}.message-delete-btn:hover{opacity:1;background:#ef444426}.chat-message.deleted .message-content{color:#9ca3af!important;font-style:italic}.chat-message.deleted .message-bubble{opacity:.7}.dark-mode .chat-message.deleted .message-content{color:#6b7280!important}.csat-questions-preview{margin-top:10px;padding:10px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.csat-questions-header{font-weight:500;font-size:12px;color:#6b7280;margin-bottom:8px}.csat-questions-list{display:flex;flex-direction:column;gap:6px}.csat-question-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151}.csat-question-item .question-number{font-weight:500;color:#6b7280;min-width:16px}.csat-question-item .question-text{flex:1}.csat-question-item .question-stars{color:#d1d5db;font-size:11px;letter-spacing:0}.dark-mode .csat-questions-preview{background:#1f2937;border-color:#374151}.dark-mode .csat-questions-header{color:#9ca3af}.dark-mode .csat-question-item{color:#e5e7eb}.dark-mode .csat-question-item .question-number{color:#9ca3af}.dark-mode .csat-question-item .question-stars{color:#4b5563}.member-info-sidebar{width:420px;min-width:380px;border-left:1px solid #d6d3d1;background-color:#fafaf9;display:flex;flex-direction:column;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:1px solid #d6d3d1;background-color:#fafaf9}.tab-button{flex:1;padding:14px 16px;background:none;border:none;font-size:14px;font-weight:600;color:#57534e;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{color:#1c1917;background-color:#f5f5f4}.tab-button.active{color:#1c1917}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#78716c}.sidebar-content{flex:1;overflow-y:auto;padding:12px;background-color:#f5f5f4}.member-info-tab-content{display:flex;flex-direction:column;gap:12px}.consult-management-card{background-color:#fafaf9;border-radius:8px;border:1px solid #d6d3d1}.member-info-card{background-color:#fafaf9;border-radius:8px;border:1px solid #d6d3d1;overflow:hidden}.consult-management-card .card-title,.member-info-card .card-title{font-size:12px;font-weight:600;color:#57534e;padding:12px;margin:0;background:#f5f5f4;border-bottom:1px solid #e7e5e4}.management-section{padding:12px;border-bottom:1px solid #e7e5e4}.management-section:last-child{border-bottom:none}.section-label{font-size:10px;font-weight:600;color:#a8a29e;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.section-content{display:flex;align-items:center;gap:8px}.manager-info{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#e7e5e4;border-radius:6px}.manager-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#57534e;color:#fff;border-radius:12px;font-size:12px;font-weight:500}.assign-btn{padding:6px 12px;background:#57534e;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.assign-btn:hover{background:#44403c}.assign-btn:disabled{opacity:.6;cursor:not-allowed}.manager-select-wrapper{position:relative}.manager-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#57534e;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.manager-badge-btn:hover{background:#44403c}.manager-badge-btn:disabled{opacity:.6;cursor:not-allowed}.manager-badge-btn .dropdown-arrow{font-size:8px;opacity:.7}.manager-dropdown{position:absolute;top:100%;left:0;min-width:160px;background:#fafaf9;border:1px solid #d6d3d1;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;margin-top:4px;overflow:hidden}.manager-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;text-align:left;border:none;background:transparent;font-size:13px;color:#1c1917;cursor:pointer;transition:background .15s}.manager-dropdown-item:hover{background:#f5f5f4}.manager-dropdown-item.active{background:#e7e5e4;font-weight:600}.manager-dropdown-item .check-mark{color:#22c55e;font-size:14px}.manager-dropdown-divider{height:1px;background:#e7e5e4;margin:4px 0}.manager-dropdown-item.unassign{color:#ef4444}.manager-dropdown-item.unassign:hover{background:#fef2f2}.no-manager,.no-tags{font-size:12px;color:#a8a29e}.managers-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.manager-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#57534e;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.manager-remove-btn{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:#ffffffb3;cursor:pointer;border-radius:50%;transition:all .15s}.manager-remove-btn:hover{background:#fff3;color:#fff}.manager-remove-btn svg{width:10px;height:10px}.manager-add-wrapper{position:relative}.manager-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed #a8a29e;background:transparent;border-radius:6px;font-size:16px;font-weight:500;color:#78716c;cursor:pointer;transition:all .15s}.manager-add-btn:hover{border-color:#57534e;background:#f5f5f4;color:#44403c}.manager-dropdown-empty{padding:12px;font-size:12px;color:#a8a29e;text-align:center}.tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tags-container .tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:4px;font-size:11px;font-weight:600;color:#4f46e5}.tags-container .tag-remove-btn{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;opacity:.7;font-size:14px;margin-left:2px;transition:opacity .15s,background .15s;cursor:pointer;border-radius:50%;transition:all .15s}.tags-container .tag-remove-btn:hover{opacity:1;background:#0000001a}.tags-container .tag-remove-btn svg{width:10px;height:10px}.tag-add-wrapper{position:relative}.tag-add-btn-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed #a8a29e;background:transparent;border-radius:4px;cursor:pointer;transition:all .15s}.tag-add-btn-small svg{width:14px;height:14px;color:#78716c}.tag-add-btn-small:hover{border-color:#57534e;background:#f5f5f4}.tag-add-btn-small:hover svg{color:#44403c}.tag-dropdown-sidebar{position:absolute;top:100%;left:0;min-width:200px;max-height:none;overflow:visible;background:#fafaf9;border:1px solid #d6d3d1;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;margin-top:4px}.tag-dropdown-sidebar .tag-search-wrapper{padding:8px;border-bottom:1px solid #e7e5e4}.tag-dropdown-sidebar .tag-search-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none}.tag-dropdown-sidebar .tag-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.tag-dropdown-sidebar .tag-dropdown-list{max-height:180px;overflow-y:auto}.tag-dropdown-sidebar .tag-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;text-align:left;border:none;background:transparent;font-size:13px;color:#1c1917;cursor:pointer;transition:background .15s}.tag-dropdown-sidebar .tag-dropdown-item:hover{background:#f5f5f4}.tag-dropdown-sidebar .tag-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-dropdown-sidebar .tag-dropdown-empty{padding:16px 12px;font-size:12px;color:#a8a29e;text-align:center}.tag-dropdown-sidebar .tag-dropdown-empty-section{padding:12px;display:flex;flex-direction:column;gap:8px}.tag-dropdown-sidebar .tag-dropdown-empty-text{font-size:12px;color:#a8a29e;text-align:center}.tag-dropdown-sidebar .tag-create-btn{width:100%;padding:10px 12px;border:1px dashed #d1d5db;background:transparent;border-radius:6px;font-size:13px;color:#6366f1;cursor:pointer;transition:all .15s;text-align:left}.tag-dropdown-sidebar .tag-create-btn:hover{background:#6366f11a;border-color:#6366f1}.tag-dropdown-sidebar .tag-create-btn:disabled{opacity:.6;cursor:not-allowed}.tag-dropdown-sidebar .create-tag-form{padding:16px;width:280px}.tag-dropdown-sidebar .create-tag-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tag-dropdown-sidebar .create-tag-form .form-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.tag-dropdown-sidebar .create-tag-form .form-group{margin-bottom:12px}.tag-dropdown-sidebar .create-tag-form .form-group label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.tag-dropdown-sidebar .create-tag-form .form-group input,.tag-dropdown-sidebar .create-tag-form .form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1f2937;outline:none;transition:border-color .2s ease;font-family:inherit}.tag-dropdown-sidebar .create-tag-form .form-group input:focus,.tag-dropdown-sidebar .create-tag-form .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.tag-dropdown-sidebar .create-tag-form .form-group textarea{resize:vertical;min-height:50px}.tag-dropdown-sidebar .create-tag-form .form-actions{display:flex;gap:8px;margin-top:16px}.tag-dropdown-sidebar .create-tag-form .cancel-btn,.tag-dropdown-sidebar .create-tag-form .submit-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.tag-dropdown-sidebar .create-tag-form .cancel-btn{background-color:#f5f5f4;color:#6b7280}.tag-dropdown-sidebar .create-tag-form .cancel-btn:hover{background-color:#e7e5e4}.tag-dropdown-sidebar .create-tag-form .submit-btn{background-color:#6366f1;color:#fff}.tag-dropdown-sidebar .create-tag-form .submit-btn:hover:not(:disabled){background-color:#4f46e5}.tag-dropdown-sidebar .create-tag-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.member-info-details,.consult-history{display:flex;flex-direction:column;gap:0;background-color:#fafaf9;border-radius:8px;border:1px solid #d6d3d1;overflow:hidden}.info-row{display:flex;flex-direction:column;gap:1px;padding:10px 12px;background-color:transparent;border-radius:0;border:none;border-bottom:1px solid #e7e5e4}.info-row:last-child{border-bottom:none}.info-label{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.info-value{font-size:12px;color:#1f2937;font-weight:500;word-break:break-all}.info-link{color:#6366f1;text-decoration:none;cursor:pointer;transition:color .15s}.info-link:hover{color:#4f46e5;text-decoration:underline}.info-loading,.info-error{font-size:13px;color:#6b7280;text-align:center;padding:20px}.info-section{margin:0;padding:0;border-top:1px solid #e7e5e4}.info-section-title{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px 6px;background:transparent}.exclusive-account-item{padding:0;background-color:transparent;border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid #e7e5e4}.exclusive-account-item:last-child{border-bottom:none}.exclusive-account-item .info-row{gap:1px;margin-bottom:0;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid #e7e5e4}.exclusive-account-item .info-row:last-child{border-bottom:none}.tags-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-tag-btn{padding:4px 12px;background-color:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-tag-btn:hover{background-color:#4338ca}.current-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background-color:#e0e7ff;color:#4338ca;border-radius:16px;font-size:13px;font-weight:500}.tag-item .tag-name{line-height:1}.remove-tag-btn{background:none;border:none;color:#4338ca;font-size:18px;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-tag-btn:hover{background-color:#4338ca1a}.no-tags{color:#9ca3af;font-size:13px;padding:8px 0}.tag-selector{position:relative;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;max-height:350px;overflow:hidden;margin-top:8px}.tag-search-wrapper{padding:12px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.tag-search-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.tag-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tag-search-input::placeholder{color:#9ca3af}.tag-selector-list{max-height:200px;overflow-y:auto}.tag-searching{padding:20px;text-align:center;color:#6b7280;font-size:14px}.tag-selector-item{padding:12px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e7e5e4;display:flex;align-items:center;gap:10px}.tag-selector-item:last-child{border-bottom:none}.tag-selector-item:hover{background-color:#f5f5f4}.tag-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-selector-item .tag-name{font-weight:600;color:#1f2937;font-size:14px}.tag-selector-item .tag-description{display:block;font-size:12px;color:#6b7280}.current-tags .tag-item{border-left:3px solid #6366f1;padding-left:10px}.current-tags .tag-color-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.create-tag-trigger{padding:12px;border-top:1px solid #e5e7eb}.create-tag-btn{width:100%;padding:8px;background-color:#f5f5f4;color:#4f46e5;border:1px dashed #4f46e5;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-tag-btn:hover{background-color:#e0e7ff}.create-tag-form{padding:16px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background-color:#f5f5f4;color:#1f2937}.form-group{margin-bottom:12px}.member-info-card .form-group label,.consult-management-card .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.member-info-card .form-group input,.consult-management-card .form-group input{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:13px;background:var(--input-bg);color:var(--input-text);outline:none;transition:border-color .2s ease}.member-info-card .form-group input:focus,.consult-management-card .form-group input:focus{border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.member-info-card .form-group input::placeholder,.consult-management-card .form-group input::placeholder{color:var(--input-placeholder)}.form-actions{display:flex;gap:8px;margin-top:16px}.cancel-btn,.submit-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background-color:#f5f5f4;color:#6b7280}.cancel-btn:hover{background-color:#e5e7eb}.submit-btn{background-color:#4f46e5;color:#fff}.submit-btn:hover{background-color:#4338ca}.color-picker-inline{display:flex;flex-wrap:wrap;gap:6px}.color-option-small{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option-small:hover{transform:scale(1.1)}.color-option-small.selected{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.create-tag-form .form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--input-border, #d1d5db);border-radius:6px;font-size:13px;background:var(--input-bg, #fff);color:var(--input-text, #1f2937);outline:none;transition:border-color .2s ease;font-family:inherit;resize:vertical;min-height:60px}.create-tag-form .form-group textarea:focus{border-color:var(--input-focus, #6366f1);box-shadow:var(--input-focus-shadow, 0 0 0 3px rgba(99, 102, 241, .1))}.create-tag-form .form-group textarea::placeholder{color:var(--input-placeholder, #9ca3af)}.dark-mode .member-info-sidebar{border-left-color:#44403c;background-color:#1c1917}.dark-mode .sidebar-tabs{border-bottom-color:#44403c;background-color:#1c1917}.dark-mode .tab-button{color:#a8a29e}.dark-mode .tab-button:hover{color:#e7e5e4;background-color:#292524}.dark-mode .tab-button.active{color:#e7e5e4}.dark-mode .tab-button.active:after{background-color:#a8a29e}.dark-mode .sidebar-content{background-color:#1c1917}.dark-mode .consult-management-card,.dark-mode .member-info-card,.dark-mode .member-info-details{background-color:#292524;border-color:#44403c}.dark-mode .consult-management-card .card-title,.dark-mode .member-info-card .card-title{color:#d6d3d1;background:#1c1917;border-bottom-color:#44403c}.dark-mode .management-section{border-bottom-color:#44403c}.dark-mode .section-label{color:#78716c}.dark-mode .manager-info{background:#44403c}.dark-mode .manager-name{color:#e7e5e4}.dark-mode .manager-info .remove-btn{color:#a8a29e}.dark-mode .manager-info .remove-btn:hover{background:#ffffff1a;color:#f87171}.dark-mode .assign-btn{background:#57534e}.dark-mode .assign-btn:hover{background:#78716c}.dark-mode .manager-badge-btn{background:#57534e}.dark-mode .manager-badge-btn:hover{background:#78716c}.dark-mode .manager-dropdown{background:#292524;border-color:#44403c}.dark-mode .manager-dropdown-item{color:#e7e5e4}.dark-mode .manager-dropdown-item:hover,.dark-mode .manager-dropdown-item.active,.dark-mode .manager-dropdown-divider{background:#44403c}.dark-mode .manager-dropdown-item.unassign{color:#f87171}.dark-mode .manager-dropdown-item.unassign:hover{background:#ef444426}.dark-mode .manager-chip{background:#57534e}.dark-mode .manager-remove-btn{color:#fff9}.dark-mode .manager-remove-btn:hover{background:#ffffff26;color:#fff}.dark-mode .manager-add-btn{border-color:#57534e;color:#a8a29e}.dark-mode .manager-add-btn:hover{border-color:#78716c;background:#44403c;color:#d6d3d1}.dark-mode .manager-dropdown-empty,.dark-mode .no-manager,.dark-mode .no-tags{color:#78716c}.dark-mode .tags-container .tag-chip{color:#fff}.dark-mode .tags-container .tag-remove-btn{color:#fffc}.dark-mode .tags-container .tag-remove-btn:hover{background:#fff3;color:#fff}.dark-mode .tag-add-btn-small{border-color:#57534e}.dark-mode .tag-add-btn-small svg{color:#a8a29e}.dark-mode .tag-add-btn-small:hover{border-color:#78716c;background:#44403c}.dark-mode .tag-add-btn-small:hover svg{color:#d6d3d1}.dark-mode .tag-dropdown-sidebar{background:#292524;border-color:#44403c}.dark-mode .tag-dropdown-sidebar .tag-search-wrapper{border-bottom-color:#44403c}.dark-mode .tag-dropdown-sidebar .tag-search-input{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .tag-dropdown-sidebar .tag-search-input:focus{border-color:#6366f1}.dark-mode .tag-dropdown-sidebar .tag-dropdown-item{color:#e7e5e4}.dark-mode .tag-dropdown-sidebar .tag-dropdown-item:hover{background:#44403c}.dark-mode .tag-dropdown-sidebar .tag-dropdown-empty,.dark-mode .tag-dropdown-sidebar .tag-dropdown-empty-text{color:#78716c}.dark-mode .tag-dropdown-sidebar .tag-create-btn{border-color:#44403c;color:#818cf8}.dark-mode .tag-dropdown-sidebar .tag-create-btn:hover{background:#6366f126;border-color:#818cf8}.dark-mode .tag-dropdown-sidebar .create-tag-form .form-header h4{color:#e7e5e4}.dark-mode .tag-dropdown-sidebar .create-tag-form .form-group label{color:#a8a29e}.dark-mode .tag-dropdown-sidebar .create-tag-form .form-group input,.dark-mode .tag-dropdown-sidebar .create-tag-form .form-group textarea{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .tag-dropdown-sidebar .create-tag-form .form-group input:focus,.dark-mode .tag-dropdown-sidebar .create-tag-form .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.dark-mode .tag-dropdown-sidebar .create-tag-form .cancel-btn{background-color:#44403c;color:#d6d3d1}.dark-mode .tag-dropdown-sidebar .create-tag-form .cancel-btn:hover{background-color:#57534e}.dark-mode .info-row{border-bottom-color:#44403c}.dark-mode .info-link{color:#a8a29e}.dark-mode .info-link:hover{color:#d6d3d1}.dark-mode .info-section{border-top-color:#44403c}.dark-mode .exclusive-account-item,.dark-mode .exclusive-account-item .info-row{border-bottom-color:#44403c}@media(max-width:1200px){.member-info-sidebar{width:280px;min-width:260px}}@media(max-width:768px){.member-info-sidebar{display:none}}.dashboard-panel{flex:1;display:flex;background:#f9fafb;min-height:0;overflow:hidden}.dashboard-sidebar{width:200px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}.dashboard-sidebar-header{padding:24px 20px 16px}.dashboard-sidebar-header h2{font-size:11px;font-weight:600;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:1px}.dashboard-nav{flex:1;overflow-y:auto;padding:0}.nav-category{padding:0;margin-bottom:0}.nav-category-label{display:block;font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;padding:16px 20px 8px}.nav-items{list-style:none;margin:0;padding:0 8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;margin-bottom:2px}.nav-item:hover{background:#f3f4f6}.nav-item.active{background:#ecfdf5}.nav-icon{font-size:14px;opacity:.6}.nav-item.active .nav-icon{opacity:1}.nav-label{font-size:13px;font-weight:500;color:#6b7280}.nav-item.active .nav-label{color:#059669;font-weight:600}.dashboard-main{flex:1;overflow-y:auto;padding:20px 32px;min-width:0}.dashboard-section{max-width:1200px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.section-title h1{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.section-title p{font-size:13px;color:#6b7280}.section-filters{display:flex;align-items:center;gap:8px}.section-filters input[type=date]{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;background:#fff;min-width:140px}.section-filters input[type=date]:focus{outline:none;border-color:#3b82f6}.section-filters .date-separator{color:#9ca3af;font-size:13px;margin:0}.dashboard-layout{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.dashboard-right-column{display:flex;flex-direction:column;gap:12px}.stat-cards-row{display:flex;gap:12px;flex-wrap:wrap}.dashboard-layout-v2{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}.dashboard-left{display:flex;flex-direction:column}.dashboard-left .overview-card{height:100%}.dashboard-grid{display:flex;gap:16px;align-items:stretch}.dashboard-main-layout{display:flex;gap:16px}.dashboard-left-section{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.dashboard-left-top{display:flex;gap:16px}.dashboard-left-top>.overview-card,.dashboard-left-top>.manager-card{width:340px;flex-shrink:0}.dashboard-right-section{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.dashboard-right-top{display:flex;gap:12px}.dashboard-right-top>.trend-card,.dashboard-right-top>.distribution-card{flex:1;height:280px}.dashboard-right-section>.feedback-card{flex:1;min-height:200px;overflow:visible}.dashboard-grid .overview-card,.dashboard-grid .manager-card{flex-shrink:0;width:340px}.dashboard-right-stack{display:flex;flex-direction:column;gap:12px;align-items:stretch}.dashboard-right-row{display:flex;gap:12px;align-items:stretch}.dashboard-right-row>*{flex:1;height:280px}.dashboard-right-stack>.feedback-card{flex:1;min-height:0}.dashboard-chart-row{margin-top:16px;width:696px}.dashboard-chart-row .chart-card{width:100%}.dashboard-masonry{display:flex;margin-left:-12px;width:auto}.dashboard-masonry-column{padding-left:12px;background-clip:padding-box}.dashboard-masonry-column>*{margin-bottom:12px}.stat-cards-grid{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.overview-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;width:340px;flex-shrink:0;padding:0}.overview-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.card-header-left{display:flex;align-items:center;gap:8px}.card-dot{width:8px;height:8px;border-radius:50%}.card-header-left h3{font-size:14px;font-weight:600;color:#374151;margin:0}.card-period{display:flex;align-items:center;gap:8px;width:100%}.card-period input[type=date]{flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;background:#fff;min-width:0}.card-period span{color:#9ca3af;font-size:12px;flex-shrink:0}.card-period input[type=date]:focus{outline:none;border-color:#10b981}.card-error-inline{margin:12px 20px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-size:12px}.card-loading-inline{padding:40px 20px;text-align:center;color:#9ca3af;font-size:13px}.overview-card-body{padding:16px}.overview-filters{display:flex;align-items:center;gap:8px;margin-bottom:12px}.overview-filters input[type=date]{flex:1;min-width:144px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#6b7280;background:#fff}.overview-filters input[type=date]:focus{outline:none;border-color:#10b981}.overview-main{display:flex;align-items:center;gap:32px;margin-bottom:24px}.donut-chart{position:relative;flex-shrink:0}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:28px;font-weight:700;color:#111827;line-height:1}.donut-label{display:block;font-size:10px;color:#9ca3af;margin-top:4px}.donut-value-small{display:block;font-size:18px;font-weight:700;color:#111827;line-height:1}.donut-label-small{display:block;font-size:9px;color:#9ca3af;margin-top:2px}.overview-stats{flex:1;display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f9fafb;border-radius:8px}.stat-label{font-size:12px;color:#6b7280}.stat-value{font-size:14px;font-weight:600;color:#111827}.overview-items{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #f3f4f6}.overview-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f9fafb;border-radius:8px;transition:background .15s;gap:12px}.overview-item:hover{background:#f3f4f6}.item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.item-question{flex:1;font-size:12px;color:#374151;line-height:1.4;word-break:keep-all}.item-score{font-size:14px;font-weight:600;flex-shrink:0}.trend-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;width:280px;flex-shrink:0;padding:0}.trend-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.trend-card-body{padding:16px}.trend-months{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.trend-month-item{display:flex;flex-direction:column;align-items:center;gap:8px}.month-info{text-align:center}.month-period{display:block;font-size:12px;font-weight:600;color:#374151}.trend-month-item.current .month-period{color:#10b981}.month-responses{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.trend-change{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:10px;min-width:50px}.trend-change.up{background:#ecfdf5;color:#059669}.trend-change.down{background:#fef2f2;color:#dc2626}.trend-change.neutral{background:#f3f4f6;color:#6b7280}.change-arrow{font-size:14px;font-weight:600}.change-value{font-size:16px;font-weight:700}.trend-summary-bar{display:flex;gap:12px}.trend-summary-bar .summary-item{flex:1;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f9fafb;border-radius:8px}.trend-summary-bar .summary-label{font-size:11px;color:#6b7280}.trend-summary-bar .summary-value{font-size:13px;font-weight:600;color:#111827}.trend-summary-bar .summary-value.positive{color:#059669}.trend-summary-bar .summary-value.negative{color:#dc2626}.manager-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;width:380px;flex-shrink:0;padding:0}.manager-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.manager-card-body{padding:16px}.manager-empty{text-align:center;padding:24px 16px;color:#9ca3af;font-size:13px}.manager-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.manager-filters .filter-row{display:flex;gap:8px}.manager-filters .date-row{align-items:center}.manager-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer}.manager-select:focus{outline:none;border-color:#8b5cf6}.manager-filters input[type=date]{flex:1;min-width:130px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#6b7280;background:#fff}.manager-filters input[type=date]:focus{outline:none;border-color:#8b5cf6}.date-separator{color:#9ca3af;font-size:12px;flex-shrink:0;padding:0 2px}.manager-stats{display:flex;flex-direction:column;gap:16px}.manager-summary{display:flex;align-items:center;gap:20px;padding:16px;background:#f9fafb;border-radius:12px}.manager-summary-info{flex:1;display:flex;flex-direction:column;gap:8px}.manager-summary-info .summary-row{display:flex;justify-content:space-between;align-items:center}.manager-summary-info .summary-label{font-size:12px;color:#6b7280}.manager-summary-info .summary-value{font-size:13px;font-weight:600;color:#111827}.manager-questions{display:flex;flex-direction:column;gap:6px}.question-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:8px;gap:12px}.question-text{flex:1;font-size:12px;color:#374151;line-height:1.4;word-break:keep-all}.question-score{font-size:14px;font-weight:700;flex-shrink:0}@media(max-width:800px){.stat-cards-grid{flex-direction:column;align-items:stretch}.overview-card,.trend-card,.manager-card{width:100%;max-width:none}}@media(max-width:768px){.dashboard-panel{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.dashboard-sidebar-header{display:none}.dashboard-nav{display:flex;overflow-x:auto;padding:8px 12px}.nav-category{display:flex;align-items:center;gap:4px}.nav-category-label{display:none}.nav-items{display:flex;gap:4px;padding:0}.nav-item{padding:8px 12px;margin:0;white-space:nowrap}.dashboard-main{padding:20px}.overview-main{flex-direction:column;text-align:center}.overview-stats{width:100%}.trend-months{flex-direction:column;gap:12px}.trend-change{transform:rotate(90deg)}.trend-summary-bar{flex-direction:column}}.dark-mode .dashboard-panel{background:#18181b}.dark-mode .dashboard-sidebar{background:#1f1f23;border-color:#27272a}.dark-mode .dashboard-sidebar-header h2{color:#71717a}.dark-mode .nav-category-label{color:#52525b}.dark-mode .nav-item:hover{background:#27272a}.dark-mode .nav-item.active{background:#10b9811a}.dark-mode .nav-label{color:#a1a1aa}.dark-mode .nav-item.active .nav-label{color:#34d399}.dark-mode .section-header{border-color:#27272a}.dark-mode .section-title h1{color:#f4f4f5}.dark-mode .section-title p{color:#71717a}.dark-mode .section-filters input[type=date]{background:#27272a;border-color:#3f3f46;color:#e4e4e7}.dark-mode .section-filters input[type=date]:focus{border-color:#3b82f6}.dark-mode .section-filters input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.dark-mode .section-filters .date-separator{color:#71717a}.dark-mode .overview-card,.dark-mode .trend-card,.dark-mode .manager-card,.dark-mode .chart-card{background:#1f1f23;border-color:#27272a;box-shadow:0 1px 3px #0003}.dark-mode .overview-card-header,.dark-mode .trend-card-header,.dark-mode .manager-card-header,.dark-mode .chart-card-header{border-color:#27272a}.dark-mode .card-header-left h3{color:#e4e4e7}.dark-mode .card-period{color:#71717a}.dark-mode .card-period input[type=date]{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.dark-mode .card-period input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.dark-mode .donut-value,.dark-mode .donut-value-small{color:#f4f4f5}.dark-mode .donut-label,.dark-mode .donut-label-small{color:#71717a}.dark-mode .overview-filters input[type=date]{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.dark-mode .overview-filters input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.dark-mode .donut-chart svg circle:first-child{stroke:#3f3f46}.dark-mode .stat-row{background:#27272a}.dark-mode .stat-label{color:#71717a}.dark-mode .stat-value{color:#e4e4e7}.dark-mode .overview-items{border-color:#27272a}.dark-mode .overview-item{background:#27272a}.dark-mode .overview-item:hover{background:#3f3f46}.dark-mode .item-question{color:#d4d4d8}.dark-mode .month-period{color:#e4e4e7}.dark-mode .trend-month-item.current .month-period{color:#34d399}.dark-mode .month-responses{color:#71717a}.dark-mode .trend-change.up{background:#10b98126;color:#34d399}.dark-mode .trend-change.down{background:#dc262626;color:#f87171}.dark-mode .trend-change.neutral{background:#27272a;color:#a1a1aa}.dark-mode .trend-summary-bar .summary-item{background:#27272a}.dark-mode .trend-summary-bar .summary-label{color:#71717a}.dark-mode .trend-summary-bar .summary-value{color:#e4e4e7}.dark-mode .trend-summary-bar .summary-value.positive{color:#34d399}.dark-mode .trend-summary-bar .summary-value.negative{color:#f87171}.dark-mode .card-error-inline{background:#dc26261a;border-color:#dc262633;color:#f87171}.dark-mode .card-loading-inline,.dark-mode .manager-empty{color:#71717a}.dark-mode .manager-select{background:#27272a;border-color:#3f3f46;color:#e4e4e7}.dark-mode .manager-select:focus{border-color:#8b5cf6}.dark-mode .manager-filters input[type=date]{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.dark-mode .manager-filters input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.dark-mode .date-separator{color:#71717a}.dark-mode .manager-summary{background:#27272a}.dark-mode .manager-summary-info .summary-label{color:#71717a}.dark-mode .manager-summary-info .summary-value{color:#e4e4e7}.dark-mode .question-row{background:#27272a}.dark-mode .question-row:hover{background:#3f3f46}.dark-mode .question-text{color:#d4d4d8}.chart-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;overflow:hidden;flex:1;min-width:280px;padding:0}.chart-card:hover{box-shadow:0 4px 6px #00000012,0 10px 20px #0000000a}.chart-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f4f4f5}.chart-card-header h3{font-size:14px;font-weight:600;color:#27272a;margin:0}.trend-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.trend-badge.positive{background:#10b9811a;color:#059669}.trend-badge.negative{background:#ef44441a;color:#dc2626}.chart-card-body{padding:12px 16px}.chart-container{margin-bottom:8px}.chart-stats{display:flex;justify-content:space-around;padding-top:16px;border-top:1px solid #f4f4f5}.chart-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.chart-stat .stat-label{font-size:11px;color:#71717a;font-weight:500}.chart-stat .stat-value{font-size:18px;font-weight:700;color:#27272a}.chart-loading{display:flex;align-items:center;justify-content:center;height:200px}.chart-skeleton{width:100%;height:160px;background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7,#f4f4f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-error,.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#71717a;font-size:13px}.chart-error{color:#dc2626}.dark-mode .trend-badge.positive{background:#10b98126;color:#34d399}.dark-mode .trend-badge.negative{background:#dc262626;color:#f87171}.dark-mode .chart-stats{border-color:#27272a}.dark-mode .chart-stat .stat-label{color:#71717a}.dark-mode .chart-stat .stat-value{color:#e4e4e7}.dark-mode .chart-skeleton{background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background-size:200% 100%}.dark-mode .chart-error,.dark-mode .chart-empty{color:#71717a}.dark-mode .chart-error{color:#f87171}.distribution-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;width:280px;flex-shrink:0;padding:0}.distribution-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f3f4f6}.distribution-total{font-size:12px;color:#6b7280;font-weight:500}.distribution-card-body{padding:12px 14px}.distribution-bars{display:flex;flex-direction:column;gap:10px}.distribution-row{display:flex;align-items:center;gap:8px}.distribution-label{font-size:12px;color:#6b7280;width:28px;flex-shrink:0}.distribution-bar-container{flex:1;height:16px;background:#f3f4f6;border-radius:4px;overflow:hidden}.distribution-bar{height:100%;border-radius:4px;transition:width .3s ease}.distribution-count{font-size:12px;font-weight:600;color:#374151;width:24px;text-align:right}.distribution-percent{font-size:11px;color:#9ca3af;width:36px;text-align:right}.feedback-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;flex:1;min-width:200px;padding:0}.feedback-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f3f4f6}.feedback-total{font-size:12px;color:#6b7280;font-weight:500}.feedback-card-body{padding:10px 14px;flex:1;overflow-y:auto}.feedback-empty{text-align:center;color:#9ca3af;font-size:13px;padding:24px 0}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{padding:12px;background:#f9fafb;border-radius:8px}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feedback-rating{font-size:13px;font-weight:600}.feedback-date{font-size:11px;color:#9ca3af}.feedback-text{font-size:13px;color:#374151;line-height:1.5;margin:0}.feedback-header-left{display:flex;align-items:center;gap:8px}.feedback-member{font-size:12px;font-weight:500;color:#374151}.feedback-ratings-detail{display:flex;flex-direction:column;gap:4px;margin:8px 0;padding:8px 10px;background:#00000005;border-radius:6px}.feedback-rating-row{display:flex;justify-content:space-between;align-items:center}.feedback-question{font-size:12px;color:#6b7280;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-stars{display:flex;gap:1px;flex-shrink:0}.feedback-no-comment{font-style:italic;color:#9ca3af!important}.feedback-item.clickable{cursor:pointer;transition:all .15s;border:1px solid transparent}.feedback-item.clickable:hover{border-color:#c7d2fe;background:#eef2ff}.feedback-manager{display:block;font-size:11px;color:#9ca3af;margin-top:8px}.feedback-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.feedback-total-count{font-size:12px;color:#6b7280}.feedback-more{font-size:12px;color:#a855f7;font-weight:500}.feedback-card.clickable{cursor:pointer;transition:all .2s ease;border-style:dashed;border-color:#d1d5db}.feedback-card.clickable:hover{border-color:#a855f7;background:#fdfaff;box-shadow:0 4px 12px #a855f71a}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.feedback-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.feedback-modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.feedback-modal-header .modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feedback-modal-header .modal-close:hover{background:#e5e7eb;color:#374151}.feedback-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.feedback-modal-body .feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-modal-body .feedback-item{background:#f9fafb;padding:16px;border-radius:12px}.feedback-modal-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center;font-size:14px;font-weight:600;color:#374151}.dark-mode .distribution-card,.dark-mode .feedback-card{background:#1f1f23;border-color:#27272a}.dark-mode .distribution-card-header,.dark-mode .feedback-card-header{border-color:#27272a}.dark-mode .distribution-total,.dark-mode .feedback-total,.dark-mode .distribution-label{color:#71717a}.dark-mode .distribution-bar-container{background:#27272a}.dark-mode .distribution-count{color:#e4e4e7}.dark-mode .distribution-percent{color:#71717a}.dark-mode .peak-badge{background:#06b6d426}.dark-mode .feedback-empty{color:#71717a}.dark-mode .feedback-item{background:#27272a}.dark-mode .feedback-text{color:#e4e4e7}.dark-mode .feedback-member{color:#d4d4d8}.dark-mode .feedback-ratings-detail{background:#ffffff0a}.dark-mode .feedback-question{color:#a1a1aa}.dark-mode .feedback-no-comment{color:#71717a!important}.dark-mode .feedback-item.clickable:hover{border-color:#52525b;background:#3f3f46}.dark-mode .feedback-date,.dark-mode .feedback-manager{color:#71717a}.dark-mode .feedback-footer{border-color:#27272a}.dark-mode .feedback-total-count{color:#71717a}.dark-mode .feedback-more{color:#c084fc}.dark-mode .feedback-card.clickable{border-color:#52525b}.dark-mode .feedback-card.clickable:hover{border-color:#a855f7;background:#2a2a2e;box-shadow:0 4px 12px #a855f726}.dark-mode .feedback-modal-overlay{background:#000000b3}.dark-mode .feedback-modal{background:#1f1f23;box-shadow:0 20px 60px #0006}.dark-mode .feedback-modal-header{border-color:#27272a}.dark-mode .feedback-modal-header h3{color:#e4e4e7}.dark-mode .feedback-modal-header .modal-close{background:#27272a;color:#a1a1aa}.dark-mode .feedback-modal-header .modal-close:hover{background:#3f3f46;color:#e4e4e7}.dark-mode .feedback-modal-body .feedback-item{background:#27272a}.dark-mode .feedback-modal-footer{border-color:#27272a;color:#e4e4e7}.dashboard-consult-layout{display:flex;flex-direction:column;gap:20px}.consult-top-row{display:flex;gap:20px;align-items:stretch}.consult-top-row>.overview-card,.consult-top-row>.consult-overview-card{width:400px;flex-shrink:0}.consult-top-row>.consult-tag-card{flex:1;min-width:300px}.consult-middle-row{width:100%}.consult-middle-row>.consult-handle-time-card{width:100%}.consult-bottom-row{width:100%}.consult-bottom-row>.consult-volume-card{width:100%}.csat-overview-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;width:320px;flex-shrink:0}.csat-overview-card .card-header{padding:12px 16px;border-bottom:1px solid #f3f4f6}.csat-overview-card .card-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.csat-overview-card .card-subtitle{font-size:11px;color:#9ca3af}.csat-overview-card .card-body{padding:20px 16px}.csat-overview-card .card-body.loading,.csat-overview-card .card-body.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;color:#9ca3af}.csat-overview-card .overview-main{margin-bottom:16px}.csat-overview-card .overview-stat.primary{text-align:center}.csat-overview-card .stat-value.large{display:block;font-size:48px;font-weight:700;color:#10b981;line-height:1}.csat-overview-card .stat-label{display:block;font-size:12px;color:#6b7280;margin-top:8px}.csat-overview-card .overview-comparison{padding-top:16px;border-top:1px solid #f3f4f6}.csat-overview-card .comparison-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.csat-overview-card .comparison-label{font-size:12px;color:#6b7280}.csat-overview-card .comparison-value{font-size:13px;font-weight:600;color:#374151}.csat-overview-card .comparison-value.positive{color:#059669}.csat-overview-card .comparison-value.negative{color:#dc2626}.consult-volume-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a}.consult-volume-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.consult-volume-card .card-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.consult-volume-card .group-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;background:#fff;cursor:pointer}.consult-volume-card .group-select:focus{outline:none;border-color:#10b981}.consult-volume-card .card-body{padding:16px}.consult-volume-card .loading,.consult-volume-card .error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#9ca3af}.consult-volume-card .volume-summary{display:flex;gap:24px;margin-bottom:20px}.consult-volume-card .summary-item{display:flex;flex-direction:column;gap:4px}.consult-volume-card .summary-label{font-size:11px;color:#9ca3af}.consult-volume-card .summary-value{font-size:16px;font-weight:600;color:#374151}.consult-volume-card .summary-item.peak .summary-value{color:#3b82f6}.consult-volume-card .volume-chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:20px}.consult-volume-card .chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.consult-volume-card .chart-bar{width:100%;max-width:24px;border-radius:4px 4px 0 0;transition:all .2s ease;min-height:4px;cursor:pointer}.consult-volume-card .chart-bar-container:hover .chart-bar{transform:scaleX(1.1);filter:brightness(1.1)}.consult-volume-card .chart-bar.peak{box-shadow:0 0 8px #3b82f666}.consult-volume-card .chart-count{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#6b7280;white-space:nowrap}.consult-volume-card .chart-count.peak{color:#2563eb;font-weight:700}.consult-volume-card .chart-label{font-size:10px;color:#9ca3af;transition:color .2s ease}.consult-volume-card .chart-label.peak{color:#2563eb;font-weight:600}.consult-volume-card .chart-bar-container{position:relative}.consult-volume-card .chart-bar-container.hovered .chart-label{color:#374151}.consult-volume-card .chart-tooltip{position:absolute;bottom:calc(100% + 24px);left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:10;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #00000026}.consult-volume-card .chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937}.consult-volume-card .chart-tooltip strong{color:#60a5fa;margin-top:6px;white-space:nowrap}.consult-tag-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;flex:1;min-width:280px}.consult-tag-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6}.consult-tag-card .card-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.consult-tag-card .card-subtitle{font-size:11px;color:#9ca3af}.consult-tag-card .card-body{padding:16px}.consult-tag-card .loading,.consult-tag-card .error,.consult-tag-card .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#9ca3af}.consult-tag-card .tag-list{display:flex;flex-direction:column;gap:10px}.consult-tag-card .tag-item{display:flex;align-items:center;gap:12px}.consult-tag-card .tag-info{display:flex;align-items:center;gap:8px;min-width:100px}.consult-tag-card .tag-rank{width:20px;height:20px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#6b7280}.consult-tag-card .tag-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consult-tag-card .tag-stats{flex:1;display:flex;align-items:center;gap:8px}.consult-tag-card .tag-bar{height:8px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s ease}.consult-tag-card .tag-count{font-size:12px;font-weight:600;color:#374151;min-width:40px;text-align:right}.consult-tag-card .tag-percentage{font-size:11px;color:#9ca3af;min-width:36px;text-align:right}.consult-tag-card .tag-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.consult-tag-card .tag-total{font-size:12px;color:#6b7280}.consult-tag-card .tag-more{font-size:12px;color:#3b82f6;font-weight:500}.consult-tag-card.clickable{cursor:pointer;transition:all .2s ease;border-style:dashed;border-color:#d1d5db}.consult-tag-card.clickable:hover{border-color:#3b82f6;background:#fafbff;box-shadow:0 4px 12px #3b82f61a}.tag-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.tag-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.tag-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.tag-modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.tag-modal-header .modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tag-modal-header .modal-close:hover{background:#e5e7eb;color:#374151}.tag-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.tag-modal-body .tag-list{display:flex;flex-direction:column;gap:12px}.tag-modal-body .tag-item{background:#f9fafb;padding:12px 16px;border-radius:10px}.tag-modal-body .tag-rank{background:#3b82f6;color:#fff}.tag-modal-body .tag-name{color:#111827;font-weight:500}.tag-modal-body .tag-count{color:#3b82f6;font-weight:600}.tag-modal-body .tag-percentage{color:#6b7280}.tag-modal-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center;font-size:14px;font-weight:600;color:#374151}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}.dark-mode .csat-overview-card,.dark-mode .consult-volume-card,.dark-mode .consult-tag-card{background:#1f1f23;border-color:#27272a}.dark-mode .csat-overview-card .card-header,.dark-mode .consult-volume-card .card-header,.dark-mode .consult-tag-card .card-header{border-color:#27272a}.dark-mode .csat-overview-card .card-header h3,.dark-mode .consult-volume-card .card-header h3,.dark-mode .consult-tag-card .card-header h3{color:#e4e4e7}.dark-mode .csat-overview-card .stat-value.large{color:#34d399}.dark-mode .csat-overview-card .stat-label,.dark-mode .consult-volume-card .summary-label,.dark-mode .consult-tag-card .card-subtitle{color:#71717a}.dark-mode .csat-overview-card .overview-comparison{border-color:#27272a}.dark-mode .csat-overview-card .comparison-label{color:#71717a}.dark-mode .csat-overview-card .comparison-value{color:#e4e4e7}.dark-mode .csat-overview-card .comparison-value.positive{color:#34d399}.dark-mode .csat-overview-card .comparison-value.negative{color:#f87171}.dark-mode .consult-volume-card .group-select{background:#27272a;border-color:#3f3f46;color:#e4e4e7}.dark-mode .consult-volume-card .summary-value{color:#e4e4e7}.dark-mode .consult-volume-card .summary-item.peak .summary-value{color:#60a5fa}.dark-mode .consult-volume-card .chart-bar.peak{box-shadow:0 0 8px #60a5fa66}.dark-mode .consult-volume-card .chart-label{color:#71717a}.dark-mode .consult-volume-card .chart-label.peak{color:#60a5fa}.dark-mode .consult-volume-card .chart-count{color:#a1a1aa}.dark-mode .consult-volume-card .chart-count.peak{color:#60a5fa}.dark-mode .consult-volume-card .chart-bar-container.hovered .chart-label{color:#e4e4e7}.dark-mode .consult-volume-card .chart-tooltip{background:#374151}.dark-mode .consult-volume-card .chart-tooltip:after{border-top-color:#374151}.dark-mode .consult-volume-card .chart-tooltip strong{color:#60a5fa}.dark-mode .consult-tag-card .tag-rank{background:#27272a;color:#a1a1aa}.dark-mode .consult-tag-card .tag-name{color:#e4e4e7}.dark-mode .consult-tag-card .tag-bar{background:linear-gradient(90deg,#2563eb,#60a5fa)}.dark-mode .consult-tag-card .tag-count{color:#e4e4e7}.dark-mode .consult-tag-card .tag-percentage{color:#71717a}.dark-mode .consult-tag-card .tag-footer{border-color:#27272a}.dark-mode .consult-tag-card .tag-total{color:#71717a}.dark-mode .consult-tag-card .tag-more{color:#60a5fa}.dark-mode .consult-tag-card.clickable{border-color:#52525b}.dark-mode .consult-tag-card.clickable:hover{border-color:#60a5fa;background:#2a2a2e;box-shadow:0 4px 12px #60a5fa26}.dark-mode .tag-modal-overlay{background:#000000b3}.dark-mode .tag-modal{background:#1f1f23;box-shadow:0 20px 60px #0006}.dark-mode .tag-modal-header{border-color:#27272a}.dark-mode .tag-modal-header h3{color:#e4e4e7}.dark-mode .tag-modal-header .modal-close{background:#27272a;color:#a1a1aa}.dark-mode .tag-modal-header .modal-close:hover{background:#3f3f46;color:#e4e4e7}.dark-mode .tag-modal-footer{border-color:#27272a;color:#e4e4e7}.dark-mode .tag-modal-body .tag-item{background:#27272a}.dark-mode .tag-modal-body .tag-rank{background:#3b82f6;color:#fff}.dark-mode .tag-modal-body .tag-name{color:#f4f4f5}.dark-mode .tag-modal-body .tag-count{color:#60a5fa}.dark-mode .tag-modal-body .tag-percentage{color:#a1a1aa}.tag-modal--wide{max-width:640px}.tag-item.clickable{cursor:pointer;transition:background .15s}.tag-item.clickable:hover{background:#eef2ff}.dark-mode .tag-item.clickable:hover{background:#3f3f46}.modal-back{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:background .15s}.modal-back:hover{background:#e5e7eb}.dark-mode .modal-back{background:#27272a;color:#a1a1aa}.dark-mode .modal-back:hover{background:#3f3f46;color:#e4e4e7}.tag-consult-list{display:flex;flex-direction:column;gap:8px}.tag-consult-item{padding:14px 16px;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .15s;border:1px solid transparent}.tag-consult-item:hover{background:#eef2ff;border-color:#c7d2fe}.tag-consult-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tag-consult-name{font-weight:600;font-size:14px;color:#111827}.tag-consult-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.tag-consult-status.pending{background:#fef3c7;color:#92400e}.tag-consult-status.progress{background:#dbeafe;color:#1e40af}.tag-consult-status.closed{background:#f3f4f6;color:#6b7280}.tag-consult-status.exited{background:#fce7f3;color:#9d174d}.tag-consult-message{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.tag-consult-date{font-size:11px;color:#9ca3af}.tag-consult-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.tag-consult-pagination button{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .15s}.tag-consult-pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.tag-consult-pagination button:disabled{opacity:.4;cursor:not-allowed}.tag-consult-pagination span{font-size:13px;color:#6b7280}.tag-chat-messages{padding:16px 20px;overflow-y:auto;max-height:500px;display:flex;flex-direction:column;gap:12px}.tag-chat-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.tag-chat-system{text-align:center;font-size:12px;color:#9ca3af;padding:4px 12px;background:#f3f4f6;border-radius:12px;align-self:center}.tag-chat-msg{display:flex;gap:8px;max-width:85%}.tag-chat-msg.user{align-self:flex-start}.tag-chat-msg.admin{align-self:flex-end;flex-direction:row-reverse}.tag-chat-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.tag-chat-bubble{background:#f3f4f6;border-radius:12px;padding:8px 12px;min-width:0}.tag-chat-msg.admin .tag-chat-bubble{background:#3b82f6;color:#fff}.tag-chat-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.tag-chat-sender{font-size:12px;font-weight:600;color:#374151}.tag-chat-msg.admin .tag-chat-sender{color:#ffffffd9}.tag-chat-time{font-size:10px;color:#9ca3af}.tag-chat-msg.admin .tag-chat-time{color:#fff9}.tag-chat-text{font-size:13px;line-height:1.5;word-break:break-word}.dark-mode .tag-consult-item{background:#27272a;border-color:transparent}.dark-mode .tag-consult-item:hover{background:#3f3f46;border-color:#52525b}.dark-mode .tag-consult-name{color:#f4f4f5}.dark-mode .tag-consult-message{color:#a1a1aa}.dark-mode .tag-consult-date{color:#71717a}.dark-mode .tag-consult-pagination{border-color:#27272a}.dark-mode .tag-consult-pagination button{background:#27272a;border-color:#3f3f46;color:#e4e4e7}.dark-mode .tag-consult-pagination button:hover:not(:disabled){background:#3f3f46}.dark-mode .tag-chat-system{background:#27272a;color:#71717a}.dark-mode .tag-chat-bubble{background:#27272a;color:#e4e4e7}.dark-mode .tag-chat-msg.admin .tag-chat-bubble{background:#3b82f6;color:#fff}.dark-mode .tag-chat-sender{color:#d4d4d8}.dark-mode .tag-chat-time,.dark-mode .tag-chat-empty{color:#71717a}.dark-mode .loading-spinner{border-color:#3f3f46;border-top-color:#34d399}.consult-handle-time-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a}.consult-handle-time-card.clickable{cursor:pointer;transition:all .2s ease;border-style:dashed;border-color:#d1d5db}.consult-handle-time-card.clickable:hover{border-color:#3b82f6;background:#fafbff;box-shadow:0 4px 12px #3b82f61a}.consult-handle-time-card .card-header{padding:16px 20px 12px}.consult-handle-time-card .card-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937;margin:0}.consult-handle-time-card .card-dot{width:8px;height:8px;border-radius:50%}.consult-handle-time-card .card-body{padding:0 20px 20px}.consult-handle-time-card .time-stats-row{display:flex;align-items:center;justify-content:center;gap:40px;padding:24px 0}.consult-handle-time-card .time-stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.consult-handle-time-card .time-stat-divider{width:1px;height:48px;background:#e5e7eb}.consult-handle-time-card .stat-label{font-size:13px;color:#6b7280}.consult-handle-time-card .stat-value{font-size:24px;font-weight:700;color:#1f2937}.consult-handle-time-card .stat-value.highlight{color:#3b82f6}.consult-handle-time-card .manager-list{display:flex;flex-direction:column;gap:8px}.consult-handle-time-card .list-header{display:grid;grid-template-columns:1.2fr .8fr 1.5fr 1.5fr;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:12px;color:#6b7280;font-weight:500}.consult-handle-time-card .manager-row{display:grid;grid-template-columns:1.2fr .8fr 1.5fr 1.5fr;gap:12px;padding:10px 0;align-items:center;border-bottom:1px solid #f9fafb}.consult-handle-time-card .manager-row:last-child{border-bottom:none}.consult-handle-time-card .col-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consult-handle-time-card .col-count{font-size:13px;color:#6b7280;text-align:center}.consult-handle-time-card .bar-container{display:flex;align-items:center;gap:8px;width:100%}.consult-handle-time-card .bar-wrapper{flex:1;max-width:120px;height:20px;background:#f3f4f6;border-radius:4px;overflow:hidden}.consult-handle-time-card .bar{height:100%;border-radius:4px;min-width:4px;transition:width .3s ease}.consult-handle-time-card .response-bar{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.consult-handle-time-card .handle-bar{background:linear-gradient(90deg,#93c5fd,#60a5fa)}.consult-handle-time-card .bar-label{font-size:12px;color:#6b7280;white-space:nowrap;min-width:50px}.consult-handle-time-card .empty-state{padding:24px;text-align:center;color:#9ca3af;font-size:14px}.handle-time-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.handle-time-modal{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.handle-time-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.handle-time-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.handle-time-modal-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.handle-time-modal .modal-summary{display:flex;gap:24px;padding:16px 20px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.handle-time-modal .modal-summary-item{display:flex;flex-direction:column;gap:4px}.handle-time-modal .modal-summary-item .label{font-size:12px;color:#6b7280}.handle-time-modal .modal-summary-item .value{font-size:18px;font-weight:600;color:#1f2937}.handle-time-modal .modal-summary-item .value.highlight{color:#3b82f6}.handle-time-modal .manager-list{display:flex;flex-direction:column;gap:0}.handle-time-modal .list-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.5fr;gap:16px;padding:12px 16px;background:#f3f4f6;border-radius:8px;font-size:13px;color:#6b7280;font-weight:500;margin-bottom:8px}.handle-time-modal .manager-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.5fr;gap:16px;padding:14px 16px;align-items:center;border-bottom:1px solid #f3f4f6}.handle-time-modal .manager-row:last-child{border-bottom:none}.handle-time-modal .col-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handle-time-modal .col-count{font-size:14px;color:#6b7280;text-align:center}.handle-time-modal .col-response,.handle-time-modal .col-handle{display:flex;align-items:center}.handle-time-modal .bar-container{display:flex;align-items:center;gap:10px;width:100%}.handle-time-modal .bar-wrapper{flex:1;max-width:100px;height:24px;background:#e5e7eb;border-radius:6px;overflow:hidden}.handle-time-modal .bar{height:100%;border-radius:6px;min-width:4px;transition:width .3s ease}.handle-time-modal .response-bar{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.handle-time-modal .handle-bar{background:linear-gradient(90deg,#93c5fd,#60a5fa)}.handle-time-modal .bar-label{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;min-width:45px}.dark-mode .consult-handle-time-card{background:#27272a;border-color:#3f3f46}.dark-mode .consult-handle-time-card.clickable{border-color:#52525b}.dark-mode .consult-handle-time-card.clickable:hover{border-color:#60a5fa;background:#2a2a2e;box-shadow:0 4px 12px #60a5fa26}.dark-mode .consult-handle-time-card .card-header h3{color:#f4f4f5}.dark-mode .consult-handle-time-card .time-stat-divider{background:#3f3f46}.dark-mode .consult-handle-time-card .stat-label{color:#a1a1aa}.dark-mode .consult-handle-time-card .stat-value{color:#f4f4f5}.dark-mode .consult-handle-time-card .stat-value.highlight{color:#60a5fa}.dark-mode .handle-time-modal{background:#27272a}.dark-mode .handle-time-modal-header{border-color:#3f3f46}.dark-mode .handle-time-modal-header h3{color:#f4f4f5}.dark-mode .handle-time-modal .modal-summary{background:#3f3f46}.dark-mode .handle-time-modal .modal-summary-item .label{color:#a1a1aa}.dark-mode .handle-time-modal .modal-summary-item .value{color:#f4f4f5}.dark-mode .handle-time-modal .modal-summary-item .value.highlight{color:#60a5fa}.dark-mode .handle-time-modal .list-header{background:#3f3f46;color:#a1a1aa}.dark-mode .handle-time-modal .manager-row{border-color:#3f3f46}.dark-mode .handle-time-modal .col-name{color:#f4f4f5}.dark-mode .handle-time-modal .col-count{color:#a1a1aa}.dark-mode .handle-time-modal .bar-wrapper{background:#52525b}.dark-mode .handle-time-modal .bar-label{color:#e4e4e7}.dark-mode .consult-handle-time-card .list-header{border-color:#3f3f46;color:#a1a1aa}.dark-mode .consult-handle-time-card .manager-row{border-color:#3f3f46}.dark-mode .consult-handle-time-card .col-name{color:#f4f4f5}.dark-mode .consult-handle-time-card .col-count{color:#a1a1aa}.dark-mode .consult-handle-time-card .bar-wrapper{background:#3f3f46}.dark-mode .consult-handle-time-card .bar-label{color:#a1a1aa}.dark-mode .consult-handle-time-card .empty-state{color:#71717a}.template-management-panel{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--panel-bg);scroll-behavior:smooth}.template-management-panel::-webkit-scrollbar{width:6px}.template-management-panel::-webkit-scrollbar-track{background:transparent}.template-management-panel::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.template-management-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.template-content-wrapper{display:flex;gap:20px;flex:1;overflow:hidden}.template-left-section{flex:0 0 400px;display:flex;flex-direction:column;overflow-y:auto}.template-right-section{flex:1;max-width:700px;display:flex;flex-direction:column;overflow-y:auto}.template-management-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-primary);flex-wrap:wrap}.template-management-header .header-content{flex:1;min-width:200px}.template-management-header .header-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.template-management-header .header-content p{font-size:14px;color:var(--text-secondary);margin:0}.create-template-button{padding:10px 20px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0}.create-template-button:hover{background-color:var(--btn-primary-hover)}@media(max-width:1024px){.template-content-wrapper{flex-direction:column}.template-left-section{flex:0 0 auto;max-height:50vh}.template-right-section{flex:1}}@media(max-width:768px){.template-management-header{flex-direction:column;align-items:stretch}.template-management-header .header-content h1{font-size:20px}.create-template-button{width:100%}.template-left-section{max-height:40vh}}@media(max-width:480px){.template-management-panel{padding:16px}.template-management-header .header-content h1{font-size:18px}.template-management-header .header-content p{font-size:13px}.create-template-button{padding:8px 16px;font-size:13px}.template-detail-header{flex-direction:column}.detail-actions{width:100%}.detail-actions .edit-btn,.detail-actions .delete-btn{flex:1}}.template-create-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden}.template-create-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.template-create-card .card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.template-create-card .close-btn{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:6px;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.template-create-card .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-create-card .card-body{padding:24px}.template-create-card .form-group{margin-bottom:20px}.template-create-card .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.template-create-card .form-group input,.template-create-card .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--input-text);background-color:var(--input-bg);font-family:inherit;transition:border-color .2s}.template-create-card .form-group input::placeholder,.template-create-card .form-group textarea::placeholder{color:var(--input-placeholder)}.template-create-card .form-group input:focus,.template-create-card .form-group textarea:focus{outline:none;border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.template-create-card .form-group textarea{resize:vertical;min-height:120px}.template-editor-wrapper{border:1px solid var(--input-border);border-radius:8px;overflow:hidden;background-color:var(--input-bg)}.template-editor-wrapper:focus-within{border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.template-content-editor{min-height:180px}.template-content-editor .rich-text-content{min-height:120px;padding:12px}.label-hint{font-size:12px;color:var(--text-secondary);font-weight:400}.image-upload-section{margin-top:12px}.upload-image-btn{padding:10px 20px;background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.upload-image-btn:hover:not(:disabled){background-color:var(--btn-secondary-hover)}.upload-image-btn:disabled{opacity:.5;cursor:not-allowed}.image-preview{display:flex;flex-direction:column;gap:12px}.image-preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:1px solid var(--border-primary)}.remove-image-btn{align-self:flex-start;padding:8px 16px;background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.remove-image-btn:hover{background-color:var(--btn-danger-hover)}.template-create-card .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.template-create-card .cancel-btn,.template-create-card .submit-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.template-create-card .cancel-btn{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.template-create-card .cancel-btn:hover{background-color:var(--btn-secondary-hover)}.template-create-card .submit-btn{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none}.template-create-card .submit-btn:hover{background-color:var(--btn-primary-hover)}.template-list{flex:1;display:flex;flex-direction:column}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.loading-state{font-size:16px}.empty-state p{margin:4px 0;font-size:14px}.empty-state p:first-child{font-size:16px;font-weight:600;color:var(--text-primary)}.error-state{color:#dc2626;background:#fee2e2;border-radius:12px;padding:40px 20px}.error-state p{margin:0 0 16px;font-size:16px;font-weight:600}.template-list-items{display:flex;flex-direction:column;gap:12px}.template-list-item{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.template-list-item:hover{border-color:var(--btn-primary-bg);box-shadow:var(--card-shadow-hover)}.template-list-item.active{border-color:var(--btn-primary-bg);background:var(--bg-secondary)}.template-list-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.template-list-item-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.item-actions{display:flex;gap:4px}.edit-btn-small,.delete-btn-small{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:4px;color:#6b7280}.edit-btn-small svg,.delete-btn-small svg{width:100%;height:100%}.edit-btn-small:hover{background:#e0e7ff;color:#4f46e5;transform:scale(1.1)}.delete-btn-small:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.template-list-item-preview{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 8px}.template-list-item-date{font-size:11px;color:var(--text-tertiary)}.template-detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:24px;height:fit-content}.template-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-primary);margin-bottom:20px}.template-detail-header h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.detail-actions{display:flex;gap:8px}.detail-actions .edit-btn,.detail-actions .delete-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;width:auto;height:auto;display:flex;align-items:center;gap:6px}.detail-actions .edit-btn svg,.detail-actions .delete-btn svg{width:16px;height:16px}.detail-actions .edit-btn{background:#f3f4f6;color:#4f46e5}.detail-actions .edit-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.detail-actions .delete-btn{background:#fee2e2;color:#dc2626}.detail-actions .delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.template-detail-image{width:100%;max-width:400px;border-radius:12px;border:1px solid var(--border-primary);margin-bottom:20px;display:flex;justify-content:center;align-items:center;background:var(--bg-tertiary)}.template-detail-image img{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:12px}.template-detail-content{margin-bottom:20px}.template-detail-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.template-detail-content p{font-size:14px;color:var(--text-primary);line-height:1.8;margin:0;white-space:pre-wrap}.template-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--card-bg);border:2px dashed var(--border-primary);border-radius:12px}.template-detail-empty p{font-size:15px;margin:0}.dark-mode .edit-btn-small,.dark-mode .delete-btn-small{color:#9ca3af}.dark-mode .edit-btn-small:hover{background:#4f46e533;color:#a5b4fc}.dark-mode .delete-btn-small:hover{background:#dc262633;color:#f87171}.dark-mode .detail-actions .edit-btn{background:#374151;color:#a5b4fc}.dark-mode .detail-actions .edit-btn:hover{background:#4f46e54d}.dark-mode .detail-actions .delete-btn{background:#dc262633;color:#f87171}.dark-mode .detail-actions .delete-btn:hover{background:#dc26264d}.tag-management-panel{width:450px;min-width:400px;max-width:500px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#f5f5f4;border-left:1px solid #d6d3d1;scroll-behavior:smooth}.tag-management-panel::-webkit-scrollbar{width:6px}.tag-management-panel::-webkit-scrollbar-track{background:transparent}.tag-management-panel::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:3px}.tag-management-panel::-webkit-scrollbar-thumb:hover{background:#a8a29e}.tag-management-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;background-color:#fafaf9;border-bottom:1px solid #d6d3d1}.tag-management-header .header-content h1{font-size:24px;font-weight:700;color:#1c1917;margin:0 0 8px}.tag-management-header .header-content p{font-size:14px;color:#57534e;margin:0}.create-tag-button{padding:12px 24px;background:#57534e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.create-tag-button:before{content:"+ ";font-size:16px;font-weight:600}.create-tag-button:hover{background:#44403c}.create-tag-button:active{transform:translateY(0)}.tag-create-card{margin:16px 20px;background:#fafaf9;border-radius:12px;border:1px solid #d6d3d1;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:relative}.tag-create-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e7e5e4}.tag-create-card .card-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.tag-create-card .card-body{padding:24px}.tag-create-card .form-group{margin-bottom:20px}.tag-create-card .form-group:last-of-type{margin-bottom:0}.tag-create-card .form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.tag-create-card .form-group input,.tag-create-card .form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease;font-family:inherit}.tag-create-card .form-group textarea{resize:vertical}.tag-create-card .form-group input:focus,.tag-create-card .form-group textarea:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c1a}.tag-create-card .form-group input::placeholder,.tag-create-card .form-group textarea::placeholder{color:#9ca3af}.tag-list{flex:1;overflow-y:auto;padding:16px 20px}.loading-state,.empty-state,.error-state{text-align:center;padding:80px 20px;color:#6b7280}.error-state{color:#dc2626;background:#fee2e2;border-radius:12px;margin:24px 40px}.tag-grid{display:flex;flex-direction:column;gap:12px}.tag-card{background:#fafaf9;border-radius:12px;border:1px solid #d6d3d1;border-left:4px solid #6366f1;padding:20px;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.tag-card:hover{border-color:#a8a29e;box-shadow:0 4px 12px #00000014}.tag-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-card-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px;flex:1}.tag-card-header h3:before{content:"🏷️";font-size:20px}.tag-card-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.tag-card:hover .tag-card-actions{opacity:1}.tag-action-btn{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;color:#6b7280;padding:4px}.tag-action-btn svg{width:100%;height:100%}.tag-action-btn:hover{transform:scale(1.1)}.tag-action-btn.edit-btn:hover{background:#e0e7ff;color:#4f46e5}.tag-action-btn.delete-btn:hover{background:#fee2e2;color:#dc2626}.color-picker-wrapper{position:relative}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.custom-color-btn{font-size:14px}.color-picker-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:100;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:16px;border:1px solid #e5e7eb}.color-picker-popover .react-colorful{width:200px!important;height:160px!important}.color-picker-popover .react-colorful__saturation{border-radius:8px 8px 0 0}.color-picker-popover .react-colorful__hue{height:14px;border-radius:0 0 8px 8px}.color-picker-popover .react-colorful__pointer{width:20px;height:20px}.color-picker-footer{display:flex;gap:8px;margin-top:12px}.color-hex-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:monospace;text-transform:uppercase}.color-hex-input:focus{outline:none;border-color:#6366f1}.color-picker-close{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.color-picker-close:hover{background:#4f46e5}.tag-name-with-color{display:flex;align-items:center;gap:10px;flex:1}.tag-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tag-name-with-color h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.tag-name-with-color h3:before{content:none}.tag-expand-icon{font-size:10px;color:#9ca3af;transition:transform .2s ease;margin-left:auto}.tag-expand-icon.expanded{transform:rotate(180deg)}.tag-description-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tag-description-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tag-description{font-size:14px;color:#4b5563;margin:0;line-height:1.5}.tag-card.expanded{background:#f9fafb}.tag-info{flex:1;display:flex;flex-direction:column;gap:6px}.tag-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4;padding-left:22px}.tag-edit-form{display:flex;flex-direction:column;gap:12px}.tag-edit-input{width:100%;padding:10px 12px;border:2px solid #78716c;border-radius:8px;font-size:16px;font-weight:600;outline:none;transition:all .2s ease}.tag-edit-input:focus{box-shadow:0 0 0 3px #78716c1a}.tag-edit-description{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease;font-family:inherit;resize:vertical}.tag-edit-description:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c1a}.tag-edit-description::placeholder{color:#9ca3af}.tag-edit-actions{display:flex;gap:8px}.tag-save-btn,.tag-cancel-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tag-save-btn{background:#57534e;color:#fff}.tag-save-btn:hover{background:#44403c}.tag-cancel-btn{background:#f5f5f4;color:#57534e}.tag-cancel-btn:hover{background:#e7e5e4}.dark-mode .tag-management-panel{background-color:#1c1917}.dark-mode .tag-management-header{background-color:#292524;border-bottom-color:#44403c}.dark-mode .tag-management-header .header-content h1{color:#e7e5e4}.dark-mode .tag-management-header .header-content p{color:#a8a29e}.dark-mode .create-tag-button{background:#57534e}.dark-mode .create-tag-button:hover{background:#78716c}.dark-mode .tag-create-card{background:#292524;border-color:#44403c}.dark-mode .tag-create-card .card-header{border-bottom-color:#44403c}.dark-mode .tag-create-card .card-header h3{color:#e7e5e4}.dark-mode .tag-create-card .close-btn{color:#a8a29e}.dark-mode .tag-create-card .close-btn:hover{color:#e7e5e4;background-color:#44403c}.dark-mode .tag-create-card .form-group label{color:#d6d3d1}.dark-mode .tag-create-card .form-group input,.dark-mode .tag-create-card .form-group textarea{background-color:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .tag-create-card .form-group input:focus,.dark-mode .tag-create-card .form-group textarea:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c33}.dark-mode .tag-create-card .form-group input::placeholder,.dark-mode .tag-create-card .form-group textarea::placeholder{color:#78716c}.dark-mode .cancel-btn{background-color:#44403c;color:#d6d3d1}.dark-mode .cancel-btn:hover{background-color:#57534e}.dark-mode .tag-card{background:#292524;border-color:#44403c}.dark-mode .tag-card:hover{border-color:#78716c;box-shadow:0 4px 12px #0000004d}.dark-mode .tag-card-header h3{color:#e7e5e4}.dark-mode .tag-card-footer{border-top-color:#44403c}.dark-mode .tag-action-btn{color:#a8a29e}.dark-mode .tag-action-btn.edit-btn:hover{background:#a8a29e33;color:#d6d3d1}.dark-mode .tag-action-btn.delete-btn:hover{background:#dc262633;color:#f87171}.dark-mode .tag-edit-input{background:#1c1917;border-color:#78716c;color:#e7e5e4}.dark-mode .tag-save-btn{background:#57534e}.dark-mode .tag-save-btn:hover{background:#78716c}.dark-mode .tag-cancel-btn{background:#44403c;color:#d6d3d1}.dark-mode .tag-cancel-btn:hover{background:#57534e}.dark-mode .color-picker-popover{background:#292524;border-color:#44403c}.dark-mode .color-hex-input{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .color-hex-input:focus{border-color:#6366f1}.dark-mode .color-option.selected{border-color:#e7e5e4;box-shadow:0 0 0 2px #292524,0 0 0 4px #e7e5e4}.dark-mode .tag-name-with-color h3{color:#e7e5e4}.dark-mode .tag-edit-description{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .tag-edit-description:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c33}.dark-mode .tag-edit-description::placeholder{color:#78716c}.dark-mode .tag-expand-icon{color:#78716c}.dark-mode .tag-description-section{border-top-color:#44403c}.dark-mode .tag-description-label{color:#78716c}.dark-mode .tag-description{color:#a8a29e}.dark-mode .tag-card.expanded{background:#1c1917}@media(max-width:1200px){.tag-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.tag-management-header{flex-direction:column;align-items:flex-start;gap:16px}.create-tag-button{width:100%}.tag-grid{grid-template-columns:1fr}}.note-management-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--panel-bg);scroll-behavior:smooth}.note-management-panel::-webkit-scrollbar{width:6px}.note-management-panel::-webkit-scrollbar-track{background:transparent}.note-management-panel::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.note-management-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.note-management-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;background-color:var(--card-bg);border-bottom:1px solid var(--border-primary)}.note-management-header .header-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.note-management-header .header-content p{font-size:14px;color:var(--text-secondary);margin:0}.note-filter-card{margin:24px 40px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary);padding:24px;display:flex;flex-direction:column;gap:14px}.note-search-row{display:flex;gap:10px;align-items:center}.note-search-input{flex:1;padding:10px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;color:var(--input-text);background-color:var(--input-bg);outline:none;transition:border-color .2s}.note-search-input:focus{border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.note-search-info{padding:0 40px;margin-bottom:-8px;font-size:13px;color:var(--text-secondary)}.filter-row{display:flex;gap:16px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;flex:1;max-width:200px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.filter-group input[type=date],.filter-group select{padding:9px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:13px;color:var(--input-text);background-color:var(--input-bg);transition:all .2s ease;cursor:pointer;position:relative;outline:none}.filter-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;background:transparent;cursor:pointer}.filter-group input[type=date]:hover,.filter-group select:hover{border-color:var(--border-secondary);background:var(--hover-bg)}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.filter-actions{display:flex;gap:8px}.apply-btn,.reset-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-btn{background:linear-gradient(135deg,var(--btn-primary-bg) 0%,#6366f1 100%);color:var(--btn-primary-text)}.apply-btn:hover{background:linear-gradient(135deg,var(--btn-primary-hover) 0%,#5b21b6 100%);transform:translateY(-1px)}.reset-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.reset-btn:hover{background:var(--btn-secondary-hover)}.note-content-wrapper{display:flex;gap:20px;flex:1;overflow:hidden;margin:0 40px 40px}.note-list-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.note-list-container{flex:1;overflow:auto;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary)}.note-table-wrapper{overflow-x:auto}.note-table{width:100%;border-collapse:collapse;font-size:14px}.note-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.note-table thead th{padding:16px 20px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.note-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background-color .15s ease;cursor:pointer}.note-table tbody tr:hover{background-color:var(--hover-bg)}.note-table tbody tr.selected{background-color:#4f46e51a;border-left:3px solid #4f46e5}.note-table tbody tr:last-child{border-bottom:none}.note-table tbody td{padding:16px 20px;color:var(--text-primary);vertical-align:top}.note-table .note-date{color:var(--text-secondary);font-size:13px;white-space:nowrap;width:180px}.note-table .note-content{color:var(--text-primary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-table .note-writer{color:var(--text-secondary);font-size:13px;white-space:nowrap;width:120px}.note-table .note-member{color:var(--text-secondary);font-size:13px;white-space:nowrap;width:100px}.note-table .note-tags-cell{width:160px}.note-tags-list{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.note-tag-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);white-space:nowrap}.note-tag-more{font-size:11px;color:var(--text-tertiary)}.note-highlight{background-color:#fef08a;padding:1px 2px;border-radius:2px}.dark-mode .note-highlight{background-color:#854d0e;color:#fef08a}.note-table .note-actions{width:60px;text-align:center}.delete-note-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.delete-note-btn svg{width:18px;height:18px}.delete-note-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.note-detail-section{width:450px;min-width:400px;max-width:500px;display:flex;flex-direction:column;overflow-y:auto}.note-detail-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--card-shadow);padding:24px;height:fit-content}.note-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-primary);margin-bottom:20px}.note-detail-meta{display:flex;flex-direction:column;gap:8px;flex:1}.note-detail-date{font-size:14px;font-weight:600;color:var(--text-primary)}.note-detail-writer{font-size:13px;color:var(--text-secondary)}.delete-note-btn-large{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-note-btn-large svg{width:16px;height:16px}.delete-note-btn-large:hover{background:#fecaca;transform:translateY(-1px)}.note-detail-member{font-size:13px;color:var(--text-secondary)}.note-detail-tags{display:flex;align-items:center;gap:10px;margin-bottom:14px}.note-detail-tags-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.note-detail-tags-list{display:flex;gap:6px;flex-wrap:wrap}.note-detail-status{display:flex;align-items:center;gap:10px;margin-bottom:16px}.note-detail-status-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.note-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;background-color:var(--bg-secondary);color:var(--text-secondary)}.note-status-badge--pending{background-color:var(--status-pending-bg, #fef3c7);color:var(--status-pending-text, #92400e)}.note-status-badge--progress{background-color:var(--status-progress-bg, #dbeafe);color:var(--status-progress-text, #1e40af)}.note-status-badge--closed{background-color:var(--status-closed-bg, #f3f4f6);color:var(--status-closed-text, #6b7280)}.note-detail-content{margin-top:20px}.note-detail-content h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.note-detail-content p{font-size:14px;color:var(--text-primary);line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-word}.note-detail-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-primary)}.go-to-consult-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.go-to-consult-btn:hover{background:var(--btn-primary-hover)}.note-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;border-top:1px solid var(--border-primary)}.note-pagination .pagination-btn{padding:7px 14px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:13px;cursor:pointer;color:var(--text-primary);transition:background-color .2s}.note-pagination .pagination-btn:hover:not(:disabled){background-color:var(--hover-bg)}.note-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.note-pagination .pagination-info{font-size:13px;color:var(--text-secondary)}.note-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;background:var(--card-bg);border:2px dashed var(--border-primary);border-radius:12px;padding:60px 20px}.note-detail-empty p{font-size:14px;color:var(--text-secondary);text-align:center;margin:0}.loading-state,.empty-state{padding:80px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.dark-mode .note-table tbody tr.selected{background-color:#6366f133;border-left-color:#6366f1}.dark-mode .delete-note-btn:hover,.dark-mode .delete-note-btn-large{background:#dc262633;color:#f87171}.dark-mode .delete-note-btn-large:hover{background:#dc26264d;color:#fca5a5}@media(max-width:1400px){.note-content-wrapper{gap:16px}.note-detail-section{width:400px;min-width:350px}}@media(max-width:1200px){.note-content-wrapper{flex-direction:column}.note-detail-section{width:100%;max-width:100%}}@media(max-width:768px){.note-management-header{padding:24px 20px}.note-filter-card{margin:16px 20px}.note-search-row,.filter-row{flex-direction:column;align-items:stretch}.filter-group{max-width:100%}.filter-actions{width:100%}.apply-btn,.reset-btn{flex:1}.note-content-wrapper{margin:0 20px 20px}.note-search-info{padding:0 20px}.note-table .note-content{max-width:200px}.note-table thead th,.note-table tbody td{padding:12px 16px}}.manager-management-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:#f5f5f4;padding:24px;scroll-behavior:smooth}.manager-management-panel::-webkit-scrollbar{width:6px}.manager-management-panel::-webkit-scrollbar-track{background:transparent}.manager-management-panel::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:3px}.manager-management-panel::-webkit-scrollbar-thumb:hover{background:#a8a29e}.manager-management-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #d6d3d1;margin-bottom:20px}.manager-management-header .header-content h1{font-size:24px;font-weight:700;color:#1c1917;margin:0 0 8px}.manager-management-header .header-content p{font-size:14px;color:#57534e;margin:0}.create-manager-button{padding:12px 24px;background:#57534e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-manager-button:hover{background:#44403c}.manager-create-card{background:#fafaf9;border-radius:12px;border:1px solid #d6d3d1;box-shadow:0 2px 8px #0000000d;overflow:hidden;margin-bottom:20px}.manager-create-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e7e5e4}.manager-create-card .card-header h3{font-size:16px;font-weight:600;color:#1c1917;margin:0}.manager-create-card .close-btn{width:32px;height:32px;border:none;background:transparent;color:#78716c;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.manager-create-card .close-btn:hover{background:#e7e5e4;color:#1c1917}.manager-create-card .close-btn svg{width:20px;height:20px}.manager-create-card .card-body{padding:24px}.manager-create-card .form-group{margin-bottom:20px}.manager-create-card .form-group:last-of-type{margin-bottom:0}.manager-create-card .form-group label{display:block;font-size:13px;font-weight:600;color:#44403c;margin-bottom:8px}.manager-create-card .form-group input{width:100%;padding:10px 14px;border:1px solid #d6d3d1;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease;background:#fafaf9}.manager-create-card .form-group input:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c1a}.manager-create-card .form-group input::placeholder{color:#a8a29e}.manager-create-card .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.manager-create-card .cancel-btn,.manager-create-card .submit-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.manager-create-card .cancel-btn{background:#f5f5f4;color:#57534e;border:1px solid #d6d3d1}.manager-create-card .submit-btn{background:#57534e;color:#fff;border:none}.manager-create-card .submit-btn:disabled{opacity:.6;cursor:not-allowed}.manager-list{flex:1;overflow-y:auto}.loading-state,.empty-state,.error-state{text-align:center;padding:80px 20px;color:#78716c}.empty-state p{margin:8px 0}.error-state{color:#dc2626;background:#fee2e2;border-radius:12px}.error-state p{margin:0 0 16px}.error-state button{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-state button:hover{background:#b91c1c}.manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.manager-card{background:#fafaf9;border-radius:12px;border:1px solid #d6d3d1;padding:20px;transition:all .2s ease;position:relative}.manager-card:hover{border-color:#a8a29e;box-shadow:0 4px 12px #00000014}.manager-card-content{display:flex;align-items:center;gap:16px}.manager-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#e7e5e4;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;color:#78716c}.manager-card:hover .manager-delete-btn{opacity:1}.manager-delete-btn:hover{background:#fee2e2;color:#dc2626}.manager-delete-btn svg{width:14px;height:14px}.dark-mode .manager-delete-btn{background:#44403c;color:#a8a29e}.dark-mode .manager-delete-btn:hover{background:#7f1d1d;color:#fecaca}.manager-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e7e5e4;display:flex;align-items:center;justify-content:center}.manager-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:20px;font-weight:600;color:#57534e}.manager-info{flex:1;min-width:0}.manager-info h3{font-size:16px;font-weight:600;color:#1c1917;margin:0 0 4px}.manager-id{font-size:12px;color:#78716c;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .manager-management-panel{background-color:#1c1917}.dark-mode .manager-management-header{border-bottom-color:#44403c}.dark-mode .manager-management-header .header-content h1{color:#e7e5e4}.dark-mode .manager-management-header .header-content p{color:#a8a29e}.dark-mode .create-manager-button{background:#57534e}.dark-mode .create-manager-button:hover{background:#78716c}.dark-mode .manager-create-card .card-header{border-bottom-color:#44403c}.dark-mode .manager-create-card .close-btn:hover{background:#44403c;color:#e7e5e4}.dark-mode .manager-create-card .form-group label{color:#d6d3d1}.dark-mode .manager-create-card .form-group input{background-color:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .manager-create-card .form-group input:focus{border-color:#78716c;box-shadow:0 0 0 3px #78716c33}.dark-mode .manager-create-card .form-group input::placeholder{color:#78716c}.dark-mode .manager-create-card .cancel-btn{background-color:#44403c;border-color:#57534e;color:#d6d3d1}.dark-mode .manager-create-card .cancel-btn:hover{background-color:#57534e}.dark-mode .manager-create-card .submit-btn{background:#57534e}.dark-mode .manager-create-card .submit-btn:hover{background:#78716c}.dark-mode .loading-state,.dark-mode .empty-state{color:#a8a29e}.dark-mode .manager-card{background:#292524;border-color:#44403c}.dark-mode .manager-card:hover{border-color:#78716c;box-shadow:0 4px 12px #0000004d}.dark-mode .manager-avatar{background:#44403c}.dark-mode .avatar-placeholder{color:#d6d3d1}.dark-mode .manager-info h3{color:#e7e5e4}.dark-mode .manager-id{color:#a8a29e}@media(max-width:768px){.manager-management-panel{padding:16px}.manager-management-header{flex-direction:column;align-items:flex-start;gap:16px}.create-manager-button{width:100%}.manager-grid{grid-template-columns:1fr}}.fixed-answer-management-panel{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--panel-bg);scroll-behavior:smooth}.fixed-answer-management-panel::-webkit-scrollbar,.bot-settings-section::-webkit-scrollbar,.fixed-answer-left-section::-webkit-scrollbar,.fixed-answer-right-section::-webkit-scrollbar,.fixed-answer-list::-webkit-scrollbar,.button-list::-webkit-scrollbar{width:6px}.fixed-answer-management-panel::-webkit-scrollbar-track,.bot-settings-section::-webkit-scrollbar-track,.fixed-answer-left-section::-webkit-scrollbar-track,.fixed-answer-right-section::-webkit-scrollbar-track,.fixed-answer-list::-webkit-scrollbar-track,.button-list::-webkit-scrollbar-track{background:transparent}.fixed-answer-management-panel::-webkit-scrollbar-thumb,.bot-settings-section::-webkit-scrollbar-thumb,.fixed-answer-left-section::-webkit-scrollbar-thumb,.fixed-answer-right-section::-webkit-scrollbar-thumb,.fixed-answer-list::-webkit-scrollbar-thumb,.button-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.fixed-answer-management-panel::-webkit-scrollbar-thumb:hover,.bot-settings-section::-webkit-scrollbar-thumb:hover,.fixed-answer-left-section::-webkit-scrollbar-thumb:hover,.fixed-answer-right-section::-webkit-scrollbar-thumb:hover,.fixed-answer-list::-webkit-scrollbar-thumb:hover,.button-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fixed-answer-management-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-primary);flex-wrap:wrap}.fixed-answer-management-header .header-content{flex:1;min-width:200px}.fixed-answer-management-header .header-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.fixed-answer-management-header .header-content p{font-size:14px;color:var(--text-secondary);margin:0}.fixed-answer-management-header .header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.fixed-answer-management-header .category-filter{padding:10px 14px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px;cursor:pointer}.fixed-answer-management-header .create-button{padding:10px 20px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.fixed-answer-management-header .create-button:hover{background-color:var(--btn-primary-hover)}.bot-settings-section{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;padding:20px;margin-bottom:4px;flex-shrink:0}.bot-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bot-settings-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.settings-toggle-btn{padding:8px 16px;border:1px solid var(--border-primary);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.settings-toggle-btn:hover{background:var(--hover-bg)}.settings-toggle-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.bot-settings-summary{display:flex;flex-direction:column;gap:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.summary-card{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:10px;overflow:hidden;transition:box-shadow .15s}.summary-card:hover{box-shadow:0 2px 8px #0000000f}.summary-card-title{padding:10px 14px;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-secondary);background:var(--bg-tertiary)}.summary-card-body{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.summary-row .summary-label{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.summary-row .summary-value{color:var(--text-primary);font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row .summary-value.summary-empty{color:var(--text-tertiary);font-style:italic;font-weight:400}.summary-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.summary-badge.active{background:#22c55e1f;color:#16a34a}.summary-badge.inactive{background:#9ca3af26;color:var(--text-tertiary)}.dark-mode .summary-card{background:#1e1e1e;border-color:#2d2d2d}.dark-mode .summary-card:hover{box-shadow:0 2px 8px #0003}.dark-mode .summary-card-title{background:#252525;border-bottom-color:#2d2d2d}.dark-mode .summary-badge.active{background:#22c55e33;color:#4ade80}.bot-settings-form{display:flex;flex-direction:column;gap:12px;padding-bottom:10px}.bot-settings-form .settings-section.accordion{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:10px;overflow:visible;transition:border-color .2s,box-shadow .2s}.bot-settings-form .settings-section.accordion.expanded{border-color:var(--btn-primary-bg);box-shadow:0 0 0 1px #3b82f614}.bot-settings-form .settings-section-header{padding:14px 18px;background:transparent;border-bottom:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .15s;border-radius:10px}.bot-settings-form .settings-section.accordion.expanded .settings-section-header{border-bottom:1px solid var(--border-secondary);border-radius:10px 10px 0 0}.bot-settings-form .settings-section-header:hover{background:var(--bg-hover)}.section-header-left{display:flex;align-items:center;gap:12px}.section-icon{font-size:20px;flex-shrink:0}.bot-settings-form .settings-section-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.bot-settings-form .settings-section-header p{margin:2px 0 0;font-size:12px;color:var(--text-tertiary)}.accordion-arrow{font-size:14px;color:var(--text-tertiary);transition:transform .2s;flex-shrink:0}.bot-settings-form .settings-section-content{padding:18px;display:flex;flex-direction:column;gap:16px;animation:accordionSlideDown .15s ease-out}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dark-mode .bot-settings-form .settings-section.accordion{background:#1a1a1a;border-color:#2d2d2d}.dark-mode .bot-settings-form .settings-section.accordion.expanded{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f626}.dark-mode .bot-settings-form .settings-section-header:hover{background:#222}.dark-mode .bot-settings-form .settings-section.accordion.expanded .settings-section-header{border-bottom-color:#2d2d2d}.dark-mode .bot-settings-form .settings-section-header h3{color:#e5e7eb}.dark-mode .bot-settings-form .settings-section-header p{color:#9ca3af}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bot-settings-form .form-group{display:flex;flex-direction:column;gap:8px}.bot-settings-form .form-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.bot-settings-form .form-group select{padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.bot-settings-form .form-hint{font-size:12px;color:var(--text-tertiary)}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs select{flex:1;max-width:100px}.time-inputs span{color:var(--text-secondary)}.day-checkboxes{display:flex;gap:6px;flex-wrap:wrap}.day-checkbox{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.day-checkbox input{display:none}.day-checkbox:hover{border-color:var(--btn-primary-bg)}.day-checkbox.checked{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.checkbox-group-inline{grid-column:1 / -1}.checkbox-group-inline .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary)}.checkbox-group-inline .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.holidays-group,.holiday-ranges-group{grid-column:1 / -1}.holiday-input-row{display:flex;gap:8px;align-items:center}.holiday-input-row input[type=date]{flex:1;max-width:200px;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.holiday-input-row .add-btn,.holiday-range-input-row .add-btn{padding:10px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.holiday-input-row .add-btn:hover,.holiday-range-input-row .add-btn:hover{background:var(--btn-primary-hover)}.holiday-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.holiday-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--badge-bg);color:var(--badge-text);font-size:13px;font-weight:500;border-radius:20px}.holiday-tag button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#0000001a;border:none;border-radius:50%;color:inherit;font-size:14px;line-height:1;cursor:pointer;transition:all .15s}.holiday-tag button:hover{background:#dc2626cc;color:#fff}.holiday-range-input-row{display:flex;gap:8px;align-items:center}.holiday-range-input-row input[type=date]{flex:1;max-width:160px;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.holiday-range-input-row span{color:var(--text-secondary);font-weight:500}.holiday-range-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.holiday-range-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.holiday-range-item span{font-size:14px;color:var(--text-primary);font-weight:500}.holiday-range-item button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .15s}.holiday-range-item button:hover{background:#ef4444;border-color:#ef4444;color:#fff}.break-time-input-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.break-time-input-row select{width:auto;min-width:75px;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.break-time-input-row span{color:var(--text-secondary);font-weight:500}.break-time-input-row .add-btn{padding:10px 16px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.break-time-input-row .add-btn:hover{background:var(--btn-primary-hover)}.break-time-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.break-time-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.break-time-item span{font-size:14px;color:var(--text-primary);font-weight:500}.break-time-item button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .15s}.break-time-item button:hover{background:#ef4444;border-color:#ef4444;color:#fff}.cooldown-input{display:flex;align-items:center;gap:8px}.cooldown-input input[type=number]{width:100px;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.cooldown-input span{color:var(--text-secondary);font-weight:500;font-size:14px}.settings-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-secondary)}.settings-form-actions .cancel-btn{padding:10px 20px;border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.settings-form-actions .cancel-btn:hover{background:var(--hover-bg)}.settings-form-actions .submit-btn{padding:10px 20px;border:none;border-radius:8px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-form-actions .submit-btn:hover{background:var(--btn-primary-hover)}@media(max-width:768px){.settings-form-row{grid-template-columns:1fr}.bot-settings-summary{flex-direction:column}}.fixed-answer-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.content-tab-bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-secondary);flex-shrink:0}.content-tabs{display:flex;gap:0}.content-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:transparent;color:var(--text-tertiary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;margin-bottom:-1px}.content-tab:hover{color:var(--text-primary)}.content-tab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--btn-primary-bg)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-tertiary);font-size:11px;font-weight:600}.content-tab.active .tab-count{background:#3b82f61f;color:var(--btn-primary-bg)}.content-tab-bar .create-button{padding:6px 14px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.content-tab-bar .create-button:hover{background-color:var(--btn-primary-hover)}.content-tab-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:16px}.content-split-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.content-split-view .fixed-answer-list{overflow-y:auto}.content-split-view .fixed-answer-list:only-child{grid-column:1 / -1}.button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.dark-mode .content-tab-bar{border-bottom-color:#2d2d2d}.dark-mode .tab-count{background:#2d2d2d}.dark-mode .content-tab.active .tab-count{background:#3b82f633;color:#60a5fa}.dark-mode .fixed-answer-content-wrapper{background:#1a1a1a;border-color:#2d2d2d}.fixed-answer-form-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary)}.fixed-answer-form-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card-header-bg);border-bottom:1px solid var(--border-primary)}.fixed-answer-form-card .card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.fixed-answer-form-card .card-header .close-btn{background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s}.fixed-answer-form-card .card-header .close-btn:hover{background:var(--hover-bg)}.fixed-answer-form-card .card-header .close-btn svg{width:16px;height:16px;fill:currentColor}.fixed-answer-form-card .card-body{padding:24px}.fixed-answer-form-card .form-row{display:flex;gap:16px}.fixed-answer-form-card .form-row .form-group{flex:1}.fixed-answer-form-card .form-group{margin-bottom:20px}.fixed-answer-form-card .form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.fixed-answer-form-card .form-group input,.fixed-answer-form-card .form-group select,.fixed-answer-form-card .form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:14px;transition:border-color .2s}.fixed-answer-form-card .form-group input:focus,.fixed-answer-form-card .form-group select:focus,.fixed-answer-form-card .form-group textarea:focus{outline:none;border-color:var(--focus-border)}.fixed-answer-form-card .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.fixed-answer-editor{border:1px solid var(--border-primary);border-radius:8px;background:var(--input-bg);overflow:hidden}.fixed-answer-editor .editor-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:8px 12px}.fixed-answer-editor .rich-text-content{min-height:100px;padding:12px 14px;font-size:14px;color:var(--text-primary)}.fixed-answer-editor .rich-text-content p{margin:0}.fixed-answer-editor .rich-text-content p+p{margin-top:.5em}.fixed-answer-editor .ProseMirror-focused{outline:none}.fixed-answer-editor .editor-link{color:var(--accent-color);text-decoration:underline}.fixed-answer-form-card .form-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:4px}.fixed-answer-form-card .checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.fixed-answer-form-card .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.fixed-answer-form-card .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-primary)}.fixed-answer-form-card .cancel-btn{padding:10px 20px;background:var(--btn-secondary-bg);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.fixed-answer-form-card .cancel-btn:hover{background:var(--hover-bg)}.fixed-answer-form-card .submit-btn{padding:10px 24px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.fixed-answer-form-card .submit-btn:hover{background-color:var(--btn-primary-hover)}.fixed-answer-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto}.category-group{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary)}.category-title{margin:0;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--card-header-bg);border-bottom:1px solid var(--border-primary);text-transform:uppercase;letter-spacing:.5px}.fixed-answer-list-items{padding:8px;display:flex;flex-direction:column;gap:4px}.fixed-answer-list-item{padding:12px 14px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.fixed-answer-list-item:hover{background:var(--hover-bg)}.fixed-answer-list-item.active{background:var(--active-bg);border-color:var(--active-border)}.fixed-answer-list-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px;flex-wrap:wrap}.fixed-answer-list-item .item-keyword{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.keyword-badge{display:inline-block;padding:4px 10px;background:var(--badge-bg);color:var(--badge-text);font-size:12px;font-weight:600;border-radius:4px;word-break:break-word;max-width:100%}.connect-badge{display:inline-block;padding:3px 8px;background:#10b981;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.category-badge-small{display:inline-block;padding:3px 8px;background:var(--badge-bg);color:var(--badge-text);font-size:11px;font-weight:500;border-radius:4px}.button-count-badge{display:inline-block;padding:3px 8px;background:#e0e7ff;color:#4f46e5;font-size:11px;font-weight:500;border-radius:4px;white-space:nowrap;flex-shrink:0}.button-selection-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px;padding:12px;background:var(--input-bg)}.button-selection-list .empty-hint{font-size:13px;color:var(--text-tertiary);text-align:center;margin:0}.button-checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.button-checkbox:hover{background:var(--hover-bg)}.button-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color)}.button-label-text{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.button-action-hint{font-size:12px;color:var(--text-tertiary)}.button-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.button-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:10px;transition:all .15s ease}.button-list-item:hover{border-color:var(--active-border);box-shadow:0 2px 8px #0000000d}.button-item-content{display:flex;flex-direction:column;gap:4px}.button-label-display{font-size:15px;font-weight:600;color:var(--text-primary)}.button-meta{display:flex;align-items:center;gap:8px}.button-action-display{font-size:12px;padding:2px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace}.button-item-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s}.button-list-item:hover .button-item-actions{opacity:1}.selected-message-detail{background:var(--input-bg);border:1px solid var(--border-secondary);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;animation:accordionSlideDown .15s ease-out}.selected-message-detail .detail-header{display:flex;justify-content:space-between;align-items:center}.selected-message-detail .detail-header .close-btn{background:transparent;border:none;border-radius:6px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .15s}.selected-message-detail .detail-header .close-btn:hover{background:var(--hover-bg)}.selected-message-detail .detail-header .close-btn svg{width:14px;height:14px;fill:currentColor}.selected-message-detail h3{font-size:12px;font-weight:700;color:var(--text-tertiary);margin:0;text-transform:uppercase;letter-spacing:.5px}.selected-message-detail .detail-category{display:inline-block;padding:3px 10px;background:var(--badge-bg);color:var(--badge-text);font-size:11px;font-weight:500;border-radius:12px}.selected-message-detail .detail-content{font-size:14px;line-height:1.6;color:var(--text-primary);padding:14px;background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:8px}.selected-message-detail .detail-content p{margin:0}.selected-message-detail .detail-buttons h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.selected-message-detail .detail-button-list{display:flex;flex-wrap:wrap;gap:6px}.selected-message-detail .detail-button-badge{display:inline-block;padding:6px 12px;background:#e0e7ff;color:#4f46e5;font-size:13px;font-weight:500;border-radius:20px}.fixed-answer-list-item .item-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.fixed-answer-list-item:hover .item-actions{opacity:1}.fixed-answer-list-item .edit-btn-small,.fixed-answer-list-item .delete-btn-small{padding:6px;background:var(--btn-secondary-bg);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.fixed-answer-list-item .edit-btn-small:hover{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.fixed-answer-list-item .edit-btn-small:hover svg{fill:#fff}.fixed-answer-list-item .delete-btn-small:hover{background:#ef4444;border-color:#ef4444}.fixed-answer-list-item .delete-btn-small:hover svg{fill:#fff}.fixed-answer-list-item .edit-btn-small svg,.fixed-answer-list-item .delete-btn-small svg{width:14px;height:14px;fill:var(--text-secondary)}.fixed-answer-list-item .item-preview{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixed-answer-detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:24px;height:fit-content}.fixed-answer-detail-card .detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:2px solid var(--border-primary);margin-bottom:24px}.fixed-answer-detail-card .detail-title{flex:1}.fixed-answer-detail-card .detail-title h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.fixed-answer-detail-card .detail-badges{display:flex;flex-wrap:wrap;gap:8px}.fixed-answer-detail-card .category-badge{display:inline-block;padding:4px 10px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500;border-radius:20px}.fixed-answer-detail-card .keyword-badge{display:inline-block;padding:4px 10px;background:#e0e7ff;color:#4f46e5;font-size:12px;font-weight:600;border-radius:20px}.fixed-answer-detail-card .connect-badge{display:inline-block;padding:4px 10px;background:#d1fae5;color:#059669;font-size:12px;font-weight:600;border-radius:20px}.fixed-answer-detail-card .detail-actions{display:flex;gap:8px;flex-shrink:0}.fixed-answer-detail-card .edit-btn,.fixed-answer-detail-card .delete-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.fixed-answer-detail-card .edit-btn svg,.fixed-answer-detail-card .delete-btn svg{width:14px;height:14px}.fixed-answer-detail-card .edit-btn{background:#f3f4f6;color:#4f46e5}.fixed-answer-detail-card .edit-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.fixed-answer-detail-card .delete-btn{background:#fee2e2;color:#dc2626}.fixed-answer-detail-card .delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.fixed-answer-detail-card .detail-section{margin-bottom:24px}.fixed-answer-detail-card .detail-section:last-child{margin-bottom:0}.fixed-answer-detail-card .detail-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.fixed-answer-detail-card .answer-preview{padding:20px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary);font-size:15px;color:var(--text-primary);line-height:1.8}.fixed-answer-detail-card .answer-preview p{margin:0}.fixed-answer-detail-card .answer-preview p+p{margin-top:.5em}.fixed-answer-detail-card .answer-preview a{color:var(--accent-color);text-decoration:underline}.fixed-answer-detail-card .answer-preview strong{font-weight:700}.fixed-answer-detail-card .answer-preview em{font-style:italic}.fixed-answer-detail-card .answer-preview s{text-decoration:line-through}.fixed-answer-detail-card .detail-meta{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}.fixed-answer-detail-card .meta-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.fixed-answer-detail-card code{padding:4px 10px;background:#e0e7ff;color:#4f46e5;font-size:13px;font-weight:600;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace}.fixed-answer-detail-card .detail-info{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--border-primary);font-size:12px;color:var(--text-tertiary)}.widget-preview-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);margin-top:20px;overflow:hidden}.widget-preview-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.widget-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.preview-label{font-size:14px;font-weight:600;color:var(--text-primary)}.preview-reset-btn{padding:6px 12px;background:var(--btn-secondary-bg);border:1px solid var(--border-primary);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.preview-reset-btn:hover{background:var(--hover-bg)}.widget-preview-content{padding:20px;background:#e8e8e8;display:flex;justify-content:center}.widget-mock-real{width:360px;height:600px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.widget-mock-real-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.widget-mock-real-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.widget-mock-real-name{font-size:14px;font-weight:600}.widget-mock-real-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff}.widget-mock-real-message{display:flex;flex-direction:row;gap:8px;max-width:85%;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.widget-mock-real-message.bot{align-self:flex-start}.widget-mock-real-message.user{align-self:flex-end;flex-direction:row-reverse}.widget-mock-real-bot-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:#e8f0fe}.widget-mock-real-bubble{display:flex;flex-direction:column}.widget-mock-real-message.bot .widget-mock-real-bubble{align-items:flex-start}.widget-mock-real-message.user .widget-mock-real-bubble{align-items:flex-end}.widget-mock-real-text{padding:8px 12px;border-radius:12px;word-wrap:break-word;font-size:13px;line-height:1;max-width:100%}.widget-mock-real-text.bot{background:#fff;color:#333;border:1px solid #e1e4e8}.widget-mock-real-text.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.widget-mock-real-text p{margin:0}.widget-mock-real-text p+p{margin-top:.2em}.widget-mock-real-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.widget-mock-real-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:18px;cursor:pointer;font-size:12px;color:#212529;text-align:left;transition:all .2s ease;width:100%}.widget-mock-real-btn:hover{background:#e9ecef;border-color:#667eea}.widget-mock-real-btn:active{transform:scale(.98)}.widget-mock-real-time{font-size:10px;color:#6c757d;margin-top:3px}.widget-mock-real-message.user .widget-mock-real-time{color:#ffffffb3}.widget-mock-real-input{padding:12px 16px;background:#fff;border-top:1px solid #e1e4e8;flex-shrink:0}.widget-mock-real-input-wrapper{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #e1e4e8;border-radius:24px;background:#f5f5f5;transition:all .2s}.widget-mock-real-input-wrapper:focus-within{border-color:#667eea;background:#fff}.widget-mock-real-input-wrapper input{flex:1;padding:0;border:none;font-size:13px;outline:none;background:transparent;color:#333}.widget-mock-real-input-wrapper input::placeholder{color:#999}.widget-mock-real-send{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.widget-mock-real-send:hover{transform:scale(1.05)}.widget-mock-real-send:active{transform:scale(.95)}.fixed-answer-detail-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--card-bg);border:2px dashed var(--border-primary);border-radius:12px}.fixed-answer-detail-empty p{font-size:15px;margin:0;line-height:1.8}.fixed-answer-list .loading-state,.fixed-answer-list .error-state,.fixed-answer-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary)}.fixed-answer-list .error-state button{margin-top:16px;padding:10px 20px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.fixed-answer-list .error-state button:hover{background-color:var(--btn-primary-hover)}@media(max-width:1400px){.fixed-answer-content-wrapper.two-column{grid-template-columns:1fr}.fixed-answer-right-section{flex-direction:column}.fixed-answer-detail-wrapper{width:100%;min-width:0}.widget-preview-wrapper{flex:0 0 auto}}@media(max-width:1024px){.fixed-answer-content-wrapper{flex-direction:column}.fixed-answer-content-wrapper.two-column{grid-template-columns:1fr}.fixed-answer-left-section{flex:0 0 auto;width:100%;max-height:none;overflow-y:visible}.fixed-answer-right-section{flex:1;flex-direction:column}.bot-settings-section{max-height:none;flex-shrink:0}}@media(max-width:768px){.fixed-answer-management-panel{padding:16px;gap:16px}.fixed-answer-management-header{flex-direction:column;align-items:stretch}.fixed-answer-management-header .header-actions{justify-content:flex-end}.fixed-answer-form-card .form-row{flex-direction:column;gap:0}.fixed-answer-left-section{max-height:none}.settings-form-row{grid-template-columns:1fr}}.dark-mode .fixed-answer-detail-card .category-badge{background:#374151;color:#9ca3af}.dark-mode .fixed-answer-detail-card .keyword-badge{background:#4f46e533;color:#a5b4fc}.dark-mode .fixed-answer-detail-card .connect-badge{background:#10b98133;color:#6ee7b7}.dark-mode .fixed-answer-detail-card .edit-btn{background:#374151;color:#a5b4fc}.dark-mode .fixed-answer-detail-card .edit-btn:hover{background:#4f46e54d}.dark-mode .fixed-answer-detail-card .delete-btn{background:#dc262633;color:#f87171}.dark-mode .fixed-answer-detail-card .delete-btn:hover{background:#dc26264d}.dark-mode .fixed-answer-detail-card code{background:#4f46e533;color:#a5b4fc}.dark-mode .fixed-answer-list-item .edit-btn-small,.dark-mode .fixed-answer-list-item .delete-btn-small{color:#9ca3af}.dark-mode .fixed-answer-list-item .edit-btn-small:hover{background:#4f46e533;color:#a5b4fc}.dark-mode .fixed-answer-list-item .delete-btn-small:hover{background:#dc262633;color:#f87171}.dark-mode .widget-preview-content{background:#1f2937}.dark-mode .widget-mock{background:#374151;box-shadow:0 4px 20px #0000004d}.dark-mode .widget-mock-messages{background:#1f2937}.dark-mode .widget-mock-text{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark-mode .widget-mock-btn{background:#374151;border-color:#a5b4fc;color:#a5b4fc}.dark-mode .widget-mock-btn:hover{background:#4f46e5;color:#fff}.csat-questions-editor{display:flex;flex-direction:column;gap:10px;padding:12px;background:transparent;border:none;border-radius:8px}.csat-question-row{display:flex;align-items:center;gap:8px}.csat-question-number{min-width:24px;font-weight:600;color:var(--text-secondary)}.csat-question-row input{flex:1;padding:10px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--input-text)}.csat-question-row input:focus{outline:none;border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.csat-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;font-size:14px;transition:all .15s}.csat-remove-btn:hover{background:#fee2e2;color:#dc2626}.csat-add-btn{padding:10px;border:1px dashed var(--border-primary);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .15s}.csat-add-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}.dark-mode .csat-questions-editor{background:transparent;border:none}.dark-mode .csat-remove-btn:hover{background:#7f1d1d;color:#fecaca}.dark-mode .csat-add-btn{border-color:#4b5563}.dark-mode .csat-add-btn:hover{border-color:#818cf8;color:#818cf8;background:#818cf81a}.tag-select-container{position:relative}.selected-tags-display{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;min-height:44px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;align-items:center}.selected-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid}.remove-tag-btn{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:.7;transition:opacity .2s}.remove-tag-btn:hover{opacity:1}.tag-dropdown-trigger{flex:1;min-width:120px}.tag-dropdown-trigger input{width:100%;border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary);padding:4px 0}.tag-dropdown-trigger input::placeholder{color:var(--text-secondary)}.tag-dropdown-backdrop{position:fixed;inset:0;z-index:99}.tag-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 16px #00000026;max-height:200px;overflow-y:auto;z-index:100}.tag-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.tag-dropdown-item:hover{background:var(--hover-bg)}.tag-dropdown-item .tag-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-dropdown-item .tag-name{font-size:13px;color:var(--text-primary)}.tag-dropdown-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:13px}.dark-mode .tag-dropdown-trigger input{color:#e5e7eb}.dark-mode .tag-dropdown-trigger input::placeholder{color:#9ca3af}.dark-mode .tag-dropdown-menu{background:#1a1a1a;border-color:#2d2d2d;box-shadow:0 4px 16px #00000080}.dark-mode .tag-dropdown-item:hover{background:#2d2d2d}.dark-mode .tag-dropdown-item .tag-name{color:#e5e7eb}.fixed-answer-management-panel .form-group input,.fixed-answer-management-panel .form-group select,.fixed-answer-management-panel .form-group textarea{background:var(--input-bg);background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border)}.fixed-answer-management-panel .form-group input:focus,.fixed-answer-management-panel .form-group select:focus,.fixed-answer-management-panel .form-group textarea:focus{border-color:var(--input-focus);box-shadow:var(--input-focus-shadow)}.search-panel{display:flex;flex-direction:column;height:100%;background-color:#fafaf9;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.search-panel::-webkit-scrollbar{width:6px}.search-panel::-webkit-scrollbar-track{background:transparent}.search-panel::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:3px}.search-panel::-webkit-scrollbar-thumb:hover{background:#a8a29e}.search-header{padding:20px;border-bottom:1px solid #d6d3d1}.search-header h2{margin:0;font-size:18px;font-weight:600;color:#1c1917}.search-input-container{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid #d6d3d1}.search-input{flex:1;padding:10px 14px;border:1px solid #d6d3d1;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;background-color:#fafaf9}.search-input:focus{border-color:#78716c}.search-input:disabled{background-color:#f5f5f4}.search-filter-toggle{display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;border:1px solid #d6d3d1;border-radius:8px;background-color:#fafaf9;color:#57534e;cursor:pointer;transition:all .2s;flex-shrink:0}.search-filter-toggle:hover,.search-filter-toggle.active{background-color:#f5f5f4;border-color:#78716c}.search-filter-toggle.has-filters{border-color:#57534e;color:#1c1917}.filter-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background-color:#57534e;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.search-filters{padding:12px 20px 16px;border-bottom:1px solid #d6d3d1;background-color:#f5f5f4;display:flex;flex-direction:column;gap:10px}.filter-row{display:flex;gap:12px}.filter-group{flex:1;display:flex;flex-direction:column;gap:4px}.filter-label{font-size:12px;font-weight:500;color:#78716c}.filter-select,.filter-date{padding:7px 10px;border:1px solid #d6d3d1;border-radius:6px;font-size:13px;outline:none;background-color:#fafaf9;color:#1c1917;transition:border-color .2s}.filter-select:focus,.filter-date:focus{border-color:#78716c}.filter-actions{display:flex;justify-content:flex-end}.filter-clear-btn{padding:5px 12px;border:none;border-radius:4px;background-color:transparent;color:#78716c;font-size:12px;cursor:pointer;transition:color .2s}.filter-clear-btn:hover{color:#1c1917}.search-info-filter{color:#78716c;font-size:13px}.sender-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.sender-badge.sender-user{background-color:#e7e5e4;color:#57534e}.sender-badge.sender-manager{background-color:#dbeafe;color:#1d4ed8}.sender-badge.sender-bot{background-color:#dcfce7;color:#16a34a}.sender-badge.sender-system{background-color:#f3f4f6;color:#9ca3af}.search-button{padding:10px 20px;background-color:#57534e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#44403c}.search-button:disabled{background-color:#a8a29e;cursor:not-allowed}.search-error{padding:12px 20px;background-color:#fef2f2;color:#dc2626;font-size:14px}.search-info{padding:12px 20px;font-size:14px;color:#57534e;border-bottom:1px solid #d6d3d1}.search-results{flex:1;overflow-y:auto;padding:0}.search-empty{padding:40px 20px;text-align:center;color:#a8a29e;font-size:14px}.search-result-item{padding:16px 20px;border-bottom:1px solid #e7e5e4;cursor:pointer;transition:background-color .2s}.search-result-item:hover{background-color:#f5f5f4}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-consult-id{font-size:12px;font-weight:600;color:#57534e}.result-date{font-size:12px;color:#a8a29e}.result-message{font-size:14px;color:#1c1917;line-height:1.5;margin-bottom:6px;word-break:break-word}.search-highlight{background-color:#fef08a;padding:1px 2px;border-radius:2px}.result-sender{font-size:12px;color:#a8a29e}.search-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #d6d3d1}.pagination-btn{padding:8px 16px;background-color:#f5f5f4;border:1px solid #d6d3d1;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#e7e5e4}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#57534e}.dark-mode .search-panel{background-color:#1c1917}.dark-mode .search-header{border-bottom-color:#44403c}.dark-mode .search-header h2{color:#e7e5e4}.dark-mode .search-input-container{border-bottom-color:#44403c}.dark-mode .search-input{background-color:#292524;border-color:#44403c;color:#e7e5e4}.dark-mode .search-input:focus{border-color:#78716c}.dark-mode .search-input:disabled{background-color:#44403c}.dark-mode .search-button{background-color:#57534e}.dark-mode .search-button:hover:not(:disabled){background-color:#78716c}.dark-mode .search-error{background-color:#7f1d1d;color:#fca5a5}.dark-mode .search-info{color:#a8a29e;border-bottom-color:#44403c}.dark-mode .search-empty{color:#78716c}.dark-mode .search-result-item{border-bottom-color:#44403c}.dark-mode .search-result-item:hover{background-color:#292524}.dark-mode .result-consult-id{color:#a8a29e}.dark-mode .result-date{color:#78716c}.dark-mode .result-message{color:#e7e5e4}.dark-mode .search-highlight{background-color:#854d0e;color:#fef08a}.dark-mode .result-sender{color:#78716c}.dark-mode .search-pagination{border-top-color:#44403c}.dark-mode .pagination-btn{background-color:#292524;border-color:#44403c;color:#e7e5e4}.dark-mode .pagination-btn:hover:not(:disabled){background-color:#44403c}.dark-mode .pagination-info{color:#a8a29e}.dark-mode .search-filter-toggle{background-color:#292524;border-color:#44403c;color:#a8a29e}.dark-mode .search-filter-toggle:hover,.dark-mode .search-filter-toggle.active{background-color:#44403c;border-color:#78716c}.dark-mode .search-filter-toggle.has-filters{border-color:#a8a29e;color:#e7e5e4}.dark-mode .filter-badge{background-color:#a8a29e;color:#1c1917}.dark-mode .search-filters{background-color:#292524;border-bottom-color:#44403c}.dark-mode .filter-label{color:#a8a29e}.dark-mode .filter-select,.dark-mode .filter-date{background-color:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .filter-select:focus,.dark-mode .filter-date:focus{border-color:#78716c}.dark-mode .filter-clear-btn{color:#a8a29e}.dark-mode .filter-clear-btn:hover{color:#e7e5e4}.dark-mode .sender-badge.sender-user{background-color:#44403c;color:#a8a29e}.dark-mode .sender-badge.sender-manager{background-color:#1e3a5f;color:#93c5fd}.dark-mode .sender-badge.sender-bot{background-color:#14532d;color:#86efac}.dark-mode .sender-badge.sender-system{background-color:#374151;color:#9ca3af}.settings-panel{flex:1;background-color:var(--bg-secondary);overflow-y:auto}.settings-header{padding:32px 40px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.settings-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px}.settings-header p{font-size:14px;color:var(--text-secondary);margin:0}.settings-tabs{display:flex;gap:4px;padding:0 40px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.settings-tab{padding:14px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.settings-tab:hover{color:var(--text-primary);background:var(--bg-tertiary);border-radius:8px 8px 0 0}.settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.settings-content{padding:32px 40px;max-width:900px}.settings-section{margin-bottom:32px;background:transparent;border:none;box-shadow:none;border-radius:0}.settings-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-primary);border-radius:12px;margin-bottom:12px;border:1px solid var(--border-primary);transition:all .2s}.settings-item:hover{border-color:var(--border-secondary);box-shadow:0 2px 8px #0000000a}.settings-item-info{display:flex;flex-direction:column;gap:4px}.settings-item-label{font-size:15px;font-weight:600;color:var(--text-primary)}.settings-item-description{font-size:13px;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#cbd5e1;border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.settings-item-logout{margin-top:24px;border-color:var(--btn-danger-bg)}.logout-button{padding:10px 20px;font-size:14px;font-weight:500;color:var(--btn-danger-text);background-color:var(--btn-danger-bg);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:var(--btn-danger-hover)}.dark-mode .settings-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.dark-mode .settings-tab:hover{background:var(--bg-tertiary)}.dark-mode .toggle-slider{background-color:#475569}.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.managers-section{max-width:800px}.managers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.managers-header p{font-size:14px;color:var(--text-secondary);margin:0}.create-manager-button{padding:8px 16px;font-size:13px;font-weight:500;color:#3b82f6;background:transparent;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .2s}.create-manager-button:hover{background:#3b82f6;color:#fff}.manager-create-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.manager-create-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.manager-create-card .card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.manager-create-card .close-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--text-secondary);border-radius:6px;transition:all .2s}.manager-create-card .close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.manager-create-card .close-btn svg{width:18px;height:18px}.manager-create-card .card-body{padding:20px}.manager-create-card .form-group{margin-bottom:16px}.manager-create-card .form-group label{display:block;font-size:13px;font-weight:500;color:#57534e;margin-bottom:6px}.manager-create-card .form-group input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d6d3d1;border-radius:6px;background:#fff;color:#1c1917;box-sizing:border-box}.manager-create-card .form-group input:focus{outline:none;border-color:#78716c}.manager-create-card .form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.manager-create-card .cancel-btn{padding:8px 16px;font-size:13px;color:#57534e;background:#f5f5f4;border:1px solid #d6d3d1;border-radius:6px;cursor:pointer}.manager-create-card .cancel-btn:hover{background:#e7e5e4}.manager-create-card .submit-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:#1c1917;border:none;border-radius:6px;cursor:pointer}.manager-create-card .submit-btn:hover{background:#44403c}.manager-create-card .submit-btn:disabled{opacity:.5;cursor:not-allowed}.manager-list{margin-top:16px}.manager-list .loading-state,.manager-list .empty-state,.manager-list .error-state{text-align:center;padding:40px 20px;color:#78716c;font-size:14px}.manager-list .error-state button{margin-top:12px;padding:8px 16px;font-size:13px;color:#fff;background:#1c1917;border:none;border-radius:6px;cursor:pointer}.managers-section .manager-list{margin-top:16px}.managers-section .manager-grid{display:flex;flex-direction:column;gap:12px}.managers-section .manager-card{background:transparent;border:none;border-bottom:1px solid var(--border-primary);border-radius:8px;padding:16px 12px;margin:0 -12px;display:flex;align-items:center;transition:background .15s ease}.managers-section .manager-card:first-child{border-top:1px solid var(--border-primary)}.managers-section .manager-card:hover{background:var(--bg-tertiary)}.managers-section .manager-card-content{display:flex;align-items:center;gap:14px;flex:1}.managers-section .manager-delete-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;color:var(--text-tertiary);flex-shrink:0;position:static}.managers-section .manager-card:hover .manager-delete-btn{opacity:1}.managers-section .manager-delete-btn:hover{background:#fee2e2;color:#ef4444}.managers-section .manager-delete-btn svg{width:16px;height:16px}.managers-section .manager-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.managers-section .manager-avatar img{width:100%;height:100%;object-fit:cover}.managers-section .manager-avatar .avatar-placeholder{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase}.managers-section .manager-info{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.managers-section .manager-info h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.managers-section .manager-info .manager-id{font-size:12px;font-family:SF Mono,Menlo,monospace;color:var(--text-tertiary)}.dark-mode .managers-header p{color:#a8a29e}.dark-mode .create-manager-button{background:#44403c}.dark-mode .create-manager-button:hover{background:#57534e}.dark-mode .manager-create-card{background:#292524;border-color:#44403c}.dark-mode .manager-create-card .card-header{background:#1c1917;border-bottom-color:#44403c}.dark-mode .manager-create-card .card-header h3{color:#e7e5e4}.dark-mode .manager-create-card .close-btn{color:#a8a29e}.dark-mode .manager-create-card .close-btn:hover{color:#e7e5e4}.dark-mode .manager-create-card .form-group label{color:#a8a29e}.dark-mode .manager-create-card .form-group input{background:#1c1917;border-color:#44403c;color:#e7e5e4}.dark-mode .manager-create-card .form-group input:focus{border-color:#78716c}.dark-mode .manager-create-card .cancel-btn{background:#1c1917;border-color:#44403c;color:#a8a29e}.dark-mode .manager-create-card .cancel-btn:hover{background:#292524}.dark-mode .manager-create-card .submit-btn{background:#44403c}.dark-mode .manager-create-card .submit-btn:hover{background:#57534e}.dark-mode .manager-list .loading-state,.dark-mode .manager-list .empty-state,.dark-mode .manager-list .error-state{color:#a8a29e}.dark-mode .managers-section .manager-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.dark-mode .managers-section .manager-delete-btn:hover{background:#7f1d1d;color:#fecaca}.dark-mode .managers-section .manager-avatar{background:#60a5fa}.dark-mode .managers-section .manager-avatar{background:#44403c}.dark-mode .managers-section .manager-avatar .avatar-placeholder{color:#a8a29e}.dark-mode .managers-section .manager-info h3{color:#e7e5e4}.dark-mode .managers-section .manager-info .manager-id{color:#a8a29e}.channel-phone-form{display:flex;gap:8px;align-items:center;width:100%}.channel-phone-input{flex:1;padding:10px 14px;border:1px solid #d6d3d1;border-radius:8px;font-size:14px;color:#1c1917;background:#fafaf9;outline:none;transition:border-color .2s}.channel-phone-input:focus{border-color:#78716c;box-shadow:0 0 0 2px #78716c1a}.channel-phone-input:disabled{opacity:.6;cursor:not-allowed}.dark-mode .channel-phone-input{background:#292524;border-color:#44403c;color:#e7e5e4}.dark-mode .channel-phone-input:focus{border-color:#78716c;box-shadow:0 0 0 2px #78716c33}.settings-divider{height:1px;background:var(--border-primary);margin:16px 0}.phone-number-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.phone-number-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.phone-number-value{font-size:14px;font-family:monospace;color:var(--text-primary)}.phone-number-remove-btn{padding:4px 10px;font-size:12px;background:none;border:1px solid var(--btn-danger-bg);color:var(--btn-danger-bg);border-radius:4px;cursor:pointer;transition:all .15s}.phone-number-remove-btn:hover{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.phone-number-remove-btn:disabled{opacity:.5;cursor:not-allowed}.slug-input-wrapper{display:flex;align-items:center;flex:1;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;overflow:hidden}.slug-input-wrapper:focus-within{border-color:var(--input-focus)}.slug-prefix{padding:8px 2px 8px 10px;font-size:13px;color:var(--text-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none}.slug-input{flex:1;border:none!important;background:transparent!important;padding:8px 10px 8px 0!important;font-size:13px;font-family:monospace;color:var(--text-primary);outline:none;min-width:80px}.slug-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:13px}.slug-preview-label{color:var(--text-tertiary);white-space:nowrap}.slug-preview-link{color:var(--btn-primary-bg);text-decoration:none;font-family:monospace;word-break:break-all}.slug-preview-link:hover{text-decoration:underline}.slug-copy-btn{padding:4px 10px;font-size:12px;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}.slug-copy-btn:hover{background:var(--btn-secondary-hover)}.call-history-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--panel-bg);scroll-behavior:smooth}.call-history-panel::-webkit-scrollbar{width:6px}.call-history-panel::-webkit-scrollbar-track{background:transparent}.call-history-panel::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.call-history-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.call-history-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;background-color:var(--card-bg);border-bottom:1px solid var(--border-primary)}.call-history-header .header-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.call-history-header .header-content p{font-size:14px;color:var(--text-secondary);margin:0}.call-history-filter-card{margin:24px 40px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary);padding:20px 24px}.call-history-filter-card .filter-row{display:flex;gap:16px;align-items:center}.call-history-filter-card .filter-group{display:flex;align-items:center;gap:8px}.call-history-filter-card .filter-group label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.call-history-filter-card .filter-group select{padding:6px 12px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:13px;cursor:pointer;outline:none}.call-history-filter-card .filter-group select:focus{border-color:var(--input-focus)}.call-history-content{padding:0 40px 40px}.call-history-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden}.call-history-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.call-history-table tbody tr{transition:background-color .15s ease}.call-history-table tbody tr:hover{background-color:var(--bg-hover)}.call-history-table tbody td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-secondary);vertical-align:middle}.call-history-table tbody tr:last-child td{border-bottom:none}.cell-time{white-space:nowrap;color:var(--text-secondary)!important;font-variant-numeric:tabular-nums}.cell-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-reason{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary)!important;font-size:12px!important}.direction-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.direction-inbound{background:#2196f31a;color:#2196f3}.direction-outbound{background:#9c27b01a;color:#9c27b0}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-ringing{background:#ff98001a;color:#ff9800}.status-established{background:#4caf501a;color:#4caf50}.status-ended{background:var(--status-completed-bg);color:var(--status-completed-text)}.status-missed{background:#ff980026;color:#e65100}.status-failed,.status-rejected{background:#f443361a;color:#f44336}.call-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--text-tertiary)}.call-history-empty .empty-icon{margin-bottom:16px;color:var(--text-tertiary)}.call-history-empty p{font-size:15px;margin:0}.call-history-load-more{display:flex;justify-content:center;padding:20px 0}.load-more-btn{padding:10px 32px;border-radius:8px;border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.load-more-btn:hover:not(:disabled){background:var(--btn-secondary-hover)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.dialpad-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialpad-modal{background:var(--bg-primary, #ffffff);border-radius:16px;width:320px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:dialpad-slide-in .2s ease-out}@keyframes dialpad-slide-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialpad-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.dialpad-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1f2937)}.dialpad-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary, #6b7280);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.dialpad-close:hover{background:var(--bg-hover, #f3f4f6)}.dialpad-input-area{position:relative;padding:8px 20px 12px}.dialpad-phone-input{width:100%;border:1px solid var(--border-primary, #d1d5db);border-radius:10px;padding:12px 40px 12px 16px;font-size:22px;font-weight:500;text-align:center;letter-spacing:1.5px;background:var(--input-bg, #f9fafb);color:var(--text-primary, #1f2937);outline:none;transition:border-color .15s;box-sizing:border-box}.dialpad-phone-input:focus{border-color:var(--btn-primary-bg, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.dialpad-phone-input::placeholder{color:var(--text-tertiary, #9ca3af);font-size:16px;letter-spacing:0}.dialpad-input-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:14px;cursor:pointer;color:var(--text-tertiary, #9ca3af);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.dialpad-input-clear:hover{background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #374151)}.dialpad-keys{padding:4px 28px}.dialpad-row{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.dialpad-key{width:64px;height:52px;border-radius:12px;border:none;background:var(--bg-secondary, #f3f4f6);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .12s;gap:1px}.dialpad-key:hover{background:var(--bg-hover, #e5e7eb);transform:scale(1.05)}.dialpad-key:active{transform:scale(.95);background:var(--border-primary, #d1d5db)}.dialpad-key-main{font-size:22px;font-weight:500;color:var(--text-primary, #1f2937);line-height:1}.dialpad-key-sub{font-size:8px;font-weight:600;color:var(--text-tertiary, #9ca3af);letter-spacing:2px;line-height:1}.dialpad-actions{display:flex;align-items:center;justify-content:center;padding:8px 28px 20px;gap:16px}.dialpad-backspace{width:52px;height:48px;border-radius:12px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .15s}.dialpad-backspace:hover:not(:disabled){background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #374151)}.dialpad-backspace:disabled{opacity:.3;cursor:default}.dialpad-call-btn{flex:1;max-width:160px;height:48px;border-radius:24px;border:none;background:#22c55e;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.dialpad-call-btn:hover:not(:disabled){background:#16a34a;transform:scale(1.02)}.dialpad-call-btn:active:not(:disabled){transform:scale(.98)}.dialpad-call-btn:disabled{background:#86efac;cursor:default;opacity:.6}.dialpad-spacer{width:52px}.dialpad-trigger{background:none!important;border:none!important;cursor:pointer}.dialpad-trigger svg{color:var(--text-secondary, #9ca3af);transition:color .15s}.dialpad-trigger:hover svg{color:var(--btn-primary-bg, #3b82f6)}.dark-mode .dialpad-modal{background:var(--bg-primary, #1f2937);box-shadow:0 20px 60px #0009}.dark-mode .dialpad-header h3{color:var(--text-primary, #f3f4f6)}.dark-mode .dialpad-close{color:var(--text-secondary, #9ca3af)}.dark-mode .dialpad-close:hover{background:var(--bg-hover, #374151)}.dark-mode .dialpad-phone-input{background:var(--input-bg, #111827);border-color:var(--border-primary, #374151);color:var(--text-primary, #f3f4f6)}.dark-mode .dialpad-phone-input:focus{border-color:var(--btn-primary-bg, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.dark-mode .dialpad-key{background:var(--bg-secondary, #374151)}.dark-mode .dialpad-key:hover{background:var(--bg-hover, #4b5563)}.dark-mode .dialpad-key:active{background:var(--border-primary, #6b7280)}.dark-mode .dialpad-key-main{color:var(--text-primary, #f3f4f6)}.dark-mode .dialpad-key-sub{color:var(--text-tertiary, #6b7280)}.dark-mode .dialpad-backspace{color:var(--text-secondary, #9ca3af)}.dark-mode .dialpad-backspace:hover:not(:disabled){background:var(--bg-hover, #374151);color:var(--text-primary, #f3f4f6)}.dark-mode .dialpad-input-clear:hover{background:var(--bg-hover, #374151);color:var(--text-primary, #f3f4f6)}.admin-console-sidebar{width:64px;min-width:64px;background-color:#0f3974;color:#fff;display:flex;flex-direction:column;overflow-y:auto}.channel-switch-btn{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:8px auto 0}.channel-switch-btn:hover{transform:scale(1.05);border-color:#ffffff80;box-shadow:0 4px 12px #4f46e566}.channel-switch-btn:active{transform:scale(.98)}.channel-switch-btn .channel-icon{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}.sidebar-menu{padding:8px 6px;flex:1}.sidebar-footer{padding:8px 6px;border-top:1px solid #374151;margin-top:auto}.menu-item{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:none;border:none;color:#d1d5db;font-size:13px;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;margin-bottom:2px}.menu-item:hover:not(:disabled){background-color:#374151;color:#fff}.menu-item.active{background-color:#57534e;color:#fff}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d1d5db;position:relative}.menu-icon .unread-badge{position:absolute;top:-8px;right:-12px;min-width:18px;height:18px;padding:0 5px;background-color:#e57373;color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.menu-icon svg{width:100%;height:100%;opacity:.85;display:block;filter:brightness(1.2)}.menu-item.active .menu-icon,.menu-item.active .menu-icon svg{color:#fff;opacity:1;filter:brightness(1.3)}.menu-item:hover .menu-icon,.menu-item:hover .menu-icon svg{color:#fff;opacity:1;filter:brightness(1.3)}.menu-text{flex:1}.sidebar-managers{padding:10px 6px;border-top:1px solid #374151;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:visible}.manager-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;transition:transform .15s ease;overflow:visible}.manager-avatar.clickable{cursor:pointer}.manager-avatar.clickable:hover{transform:scale(1.12)}.manager-avatar .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.manager-avatar .avatar-initial{color:#d1d5db;font-size:12px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.manager-avatar .status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #0f3974;box-sizing:content-box}.status-dot.online{background:#22c55e}.status-dot.in-call{background:#ef4444;animation:pulse-dot 1.5s infinite}.status-dot.offline{background:#6b7280}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.managers-toggle{background:none;border:1px solid #4b5563;border-radius:12px;color:#9ca3af;font-size:10px;font-weight:600;padding:2px 8px;cursor:pointer;transition:all .15s ease;line-height:1.4}.managers-toggle:hover{background:#374151;color:#fff;border-color:#6b7280}.reset-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.reset-confirm-modal{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:20px 24px;min-width:280px;box-shadow:0 20px 40px #0006;animation:scaleIn .15s ease}.reset-confirm-text{color:#e5e7eb;font-size:14px;line-height:1.6;margin:0 0 18px;text-align:center}.reset-confirm-text strong{color:#f9fafb}.reset-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.reset-confirm-cancel{padding:7px 16px;border-radius:6px;border:1px solid #4b5563;background:transparent;color:#d1d5db;font-size:13px;cursor:pointer;transition:all .15s ease}.reset-confirm-cancel:hover{background:#374151}.reset-confirm-ok{padding:7px 16px;border-radius:6px;border:none;background:#ef4444;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.reset-confirm-ok:hover{background:#dc2626}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.admin-console-sidebar{width:48px;min-width:48px}.manager-avatar{width:26px;height:26px}.manager-avatar .avatar-initial{font-size:10px}.manager-avatar .status-dot{width:8px;height:8px}.managers-toggle{font-size:9px;padding:1px 6px}}.incoming-call-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-list{display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto}.incoming-call-modal{background:var(--bg-primary);border-radius:16px;padding:32px;min-width:320px;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}.incoming-call-stacked{padding:24px}.incoming-call-stacked .call-icon-pulse{width:56px;height:56px;margin-bottom:12px}.incoming-call-stacked .caller-name{font-size:18px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.incoming-call-header{margin-bottom:24px}.call-icon-pulse{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 20px #4caf5000}to{box-shadow:0 0 #4caf5000}}.incoming-call-header h3{margin:0;font-size:18px;color:var(--text-secondary);font-weight:500}.incoming-call-info{margin-bottom:32px}.caller-name{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.caller-type{font-size:14px;color:var(--text-tertiary);margin:0}.incoming-call-actions{display:flex;gap:16px;justify-content:center}.call-reject-btn,.call-accept-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:28px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.call-reject-btn{background:#f44336;color:#fff}.call-reject-btn:hover{background:#d32f2f;transform:scale(1.05);box-shadow:0 4px 12px #f4433666}.call-accept-btn{background:#4caf50;color:#fff}.call-accept-btn:hover:not(:disabled){background:#45a049;transform:scale(1.05);box-shadow:0 4px 12px #4caf5066}.call-accept-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.7}.active-call-panel{position:fixed;top:16px;right:16px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.call-status{display:flex;align-items:center;gap:10px}.call-indicator{width:10px;height:10px;background:#4caf50;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.call-duration{font-size:16px;font-weight:600;font-family:SF Mono,Monaco,monospace;color:var(--text-primary)}.call-with{font-size:14px;color:var(--text-secondary)}.call-controls{display:flex;gap:8px}.call-control-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background-color .15s ease;background:var(--bg-secondary);color:var(--text-primary)}.call-control-btn:hover{transform:scale(1.1)}.call-control-btn.muted{background:#ff9800;color:#fff}.call-control-btn.hangup{background:#f44336;color:#fff}.call-control-btn.hangup:hover{background:#d32f2f}.admin-console{display:flex;height:100vh;width:100%;background-color:#f5f5f5}.admin-console-content{flex:1;display:flex;flex-direction:row;overflow:hidden;background-color:#fff}.content-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;background-color:#f9fafb}.content-placeholder h2{font-size:32px;margin-bottom:12px;color:#1f2937}.content-placeholder p{font-size:16px}.template-tag-container{display:flex;width:100%;height:100%;overflow:hidden;gap:0}:root{--panel-bg: #f9fafb;--card-bg: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--input-bg: #ffffff;--input-border: #d1d5db;--input-text: #1f2937;--input-placeholder: #9ca3af;--input-focus: #4f46e5;--input-focus-shadow: 0 0 0 3px rgba(79, 70, 229, .1);--btn-primary-bg: #4f46e5;--btn-primary-text: #ffffff;--btn-primary-hover: #4338ca;--btn-secondary-bg: #f3f4f6;--btn-secondary-text: #374151;--btn-secondary-border: #e5e7eb;--btn-secondary-hover: #e5e7eb;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-border: #e5e7eb;--hover-bg: #f9fafb}.dark-mode{--panel-bg: #2c2c2c;--card-bg: #363636;--bg-primary: #2c2c2c;--bg-secondary: #363636;--bg-tertiary: #424242;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--border-primary: #4a4a4a;--border-secondary: #4a4a4a;--border-color: #4a4a4a;--input-bg: #424242;--input-border: #4b5563;--input-text: #f9fafb;--input-placeholder: #6b7280;--input-focus: #6366f1;--input-focus-shadow: 0 0 0 3px rgba(99, 102, 241, .2);--btn-primary-bg: #4f46e5;--btn-primary-text: #ffffff;--btn-primary-hover: #4338ca;--btn-secondary-bg: #424242;--btn-secondary-text: #d1d5db;--btn-secondary-border: #4a4a4a;--btn-secondary-hover: #4a4a4a;--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-border: #4a4a4a;--hover-bg: #4a4a4a}.dark-mode body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-mode .admin-console,.dark-mode .admin-console-content{background-color:var(--bg-primary)}.dark-mode .admin-console-sidebar{background-color:#1f1f1f;border-right:1px solid #2a2a2a}.dark-mode .menu-item{color:var(--text-secondary)}.dark-mode .menu-item:hover{background-color:#2a2a2a;color:var(--text-primary)}.dark-mode .menu-item.active{background-color:#2a2a2a;color:#6366f1}.dark-mode .sidebar-footer{border-top-color:#2a2a2a}.dark-mode .consult-list-panel,.dark-mode .consults-list-panel{background-color:var(--bg-secondary);border-right:none}.dark-mode .consult-items{background-color:var(--bg-secondary)}.dark-mode .list-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .list-header h2{color:var(--text-primary)}.dark-mode .consult-item{border-bottom-color:var(--border-color);background-color:var(--bg-secondary)}.dark-mode .consult-item:hover{background-color:var(--bg-tertiary)}.dark-mode .consult-item.selected{background-color:#3730a3;border-left-color:#6366f1}.dark-mode .consult-member,.dark-mode .consult-item-message{color:var(--text-primary)}.dark-mode .consult-time{color:var(--text-secondary)}.dark-mode .status-menu{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .status-menu-item{color:var(--text-primary)}.dark-mode .status-menu-item:hover{background-color:var(--hover-bg)}.dark-mode .status-menu-item.active{background-color:#6366f14d;color:#a5b4fc;font-weight:600}.dark-mode .status-pending{background-color:#854d0e;color:#fef3c7}.dark-mode .status-progress{background-color:#1e3a8a;color:#dbeafe}.dark-mode .status-completed{background-color:#065f46;color:#d1fae5}.dark-mode .status-closed{background-color:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .status-change-btn{color:var(--text-secondary)}.dark-mode .status-change-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.dark-mode .tag{background-color:var(--bg-tertiary);color:#a78bfa;border-color:#6d28d9}.dark-mode .unread-badge{background-color:#dc2626;color:#fff}.dark-mode .consult-detail-panel,.dark-mode .chat-area{background-color:var(--bg-primary)}.dark-mode .detail-header{background-color:#292524;border-bottom-color:#44403c;box-shadow:0 1px 3px #0003}.dark-mode .detail-header h2{color:#f3f4f6}.dark-mode .detail-header-meta{color:#9ca3af}.dark-mode .tag-chip{background:#44403c;color:#e7e5e4}.dark-mode .tag-remove-btn{color:#a8a29e}.dark-mode .tag-remove-btn:hover{background:#ffffff1a;color:#ef4444}.dark-mode .tag-add-btn{border-color:#57534e;color:#a8a29e}.dark-mode .tag-add-btn:hover{border-color:#78716c;color:#e7e5e4;background:#44403c}.dark-mode .tag-dropdown{background:#292524;border-color:#44403c;box-shadow:0 4px 12px #0000004d}.dark-mode .tag-dropdown-empty{color:#78716c}.dark-mode .tag-dropdown-item{color:#e7e5e4}.dark-mode .tag-dropdown-item:hover{background:#44403c}.dark-mode .detail-content{background-color:#1c1917}.dark-mode .detail-placeholder{background-color:#1c1917;color:#78716c}.dark-mode .detail-placeholder h3{color:#e5e7eb}.dark-mode .detail-placeholder p{color:#6b7280}.dark-mode .chat-messages{background-color:#1c1917}.dark-mode .chat-message:hover{background-color:#ffffff08}.dark-mode .chat-message.user{border-left-color:#60a5fa;background-color:#60a5fa1a}.dark-mode .chat-message.user:hover{background-color:#60a5fa26}.dark-mode .chat-message.internal{border-left-color:#fbbf24;background-color:#fbbf241a}.dark-mode .chat-message.internal:hover{background-color:#fbbf2426}.dark-mode .chat-message .message-content{background-color:transparent;color:#e5e7eb}.dark-mode .message-content code{background:#374151;color:#f472b6;border-color:#4b5563}.dark-mode .message-content pre{background:#11111b;color:#cdd6f4;border-color:#313244}.dark-mode .message-content blockquote{border-left-color:#4b5563;color:#9ca3af}.dark-mode .message-content ul li::marker{color:#6b7280}.dark-mode .message-content ol li::marker{color:#9ca3af}.dark-mode .chat-message.internal .message-content{color:#fef3c7}.dark-mode .chat-message.internal .message-sender{color:#fbbf24}.dark-mode .message-sender{color:#f3f4f6}.dark-mode .message-time{color:#6b7280}.dark-mode .message-avatar{box-shadow:0 2px 8px #0000004d}.dark-mode .empty-chat-message{color:var(--text-secondary)}.dark-mode .chat-input-container{background-color:#1c1917;border-top:none}.dark-mode .chat-file-button{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .chat-file-button:hover:not(:disabled){background-color:var(--bg-hover)}.dark-mode .chat-input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .chat-input::placeholder{color:var(--text-tertiary)}.dark-mode .chat-send-button{background-color:#4f46e5;color:#fff}.dark-mode .chat-send-button:hover:not(:disabled){background-color:#4338ca}.dark-mode .chat-send-button:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.dark-mode .member-info-sidebar{background-color:#292524;border-left-color:#44403c}.dark-mode .sidebar-tabs{background-color:#292524;border-bottom-color:#44403c}.dark-mode .tab-button{color:var(--text-secondary);background-color:transparent}.dark-mode .tab-button:hover{background-color:var(--hover-bg)}.dark-mode .tab-button.active{color:#e7e5e4;background-color:transparent;border-bottom-color:#a8a29e}.dark-mode .sidebar-content,.dark-mode .member-info-details{background-color:#292524}.dark-mode .consult-history{background-color:var(--bg-secondary)}.dark-mode .member-info-details,.dark-mode .consult-history{background-color:#1c1917;border-color:#44403c}.dark-mode .info-row{background-color:transparent;border-bottom-color:#292524}.dark-mode .info-label{color:#78716c}.dark-mode .info-value{color:#e7e5e4}.dark-mode .info-link{color:#a5b4fc}.dark-mode .info-link:hover{color:#c7d2fe}.dark-mode .exclusive-account-item{background-color:transparent;border-color:#292524}.dark-mode .exclusive-account-item .info-row{border-bottom-color:#292524}.dark-mode .info-section-title{color:#78716c}.dark-mode .info-section{border-top-color:#292524}.dark-mode .info-loading,.dark-mode .info-error{color:var(--text-secondary)}.dark-mode .tags-section{border-top-color:var(--border-color)}.dark-mode .tags-header .info-label{color:var(--text-primary)}.dark-mode .tag-item{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .current-tags .tag-name{color:#a78bfa}.dark-mode .tag-name{color:var(--text-primary)}.dark-mode .tag-description,.dark-mode .no-tags{color:var(--text-secondary)}.dark-mode .add-tag-btn,.dark-mode .create-tag-btn,.dark-mode .create-tag-trigger button{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .add-tag-btn:hover,.dark-mode .create-tag-btn:hover{background-color:var(--hover-bg)}.dark-mode .remove-tag-btn,.dark-mode .close-btn{color:var(--text-secondary)}.dark-mode .remove-tag-btn:hover,.dark-mode .close-btn:hover{color:var(--text-primary)}.dark-mode .tag-selector{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .tag-search-wrapper{background-color:var(--bg-tertiary);border-bottom-color:var(--border-color)}.dark-mode .tag-search-input{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .tag-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark-mode .tag-search-input::placeholder{color:var(--text-muted)}.dark-mode .tag-searching{color:var(--text-muted)}.dark-mode .tag-selector-item{border-bottom-color:var(--border-color)}.dark-mode .tag-selector-item:hover{background-color:var(--hover-bg)}.dark-mode .tag-selector-item .tag-name{color:var(--text-primary)}.dark-mode .create-tag-form{background-color:var(--bg-tertiary)}.dark-mode .create-tag-form input{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .form-group label{color:var(--text-primary)}.dark-mode .cancel-btn{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .cancel-btn:hover{background-color:var(--hover-bg)}.dark-mode .submit-btn{background-color:#4f46e5;color:#fff}.dark-mode .submit-btn:hover{background-color:#4338ca}.dark-mode .create-tag-form .form-group textarea{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .create-tag-form .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark-mode .create-tag-form .form-group textarea::placeholder{color:#78716c}.dark-mode .color-option-small.selected{border-color:#e7e5e4;box-shadow:0 0 0 2px #292524,0 0 0 4px #e7e5e4}.dark-mode .tag-management-panel{background-color:var(--bg-primary)}.dark-mode .tag-management-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .tag-management-header h1,.dark-mode .tag-management-header h2{color:var(--text-primary)}.dark-mode .tag-management-header p{color:var(--text-secondary)}.dark-mode .create-tag-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #4f46e580}.dark-mode .create-tag-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 8px 20px #4f46e599}.dark-mode .tag-create-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,#2a2a2a 100%);border-color:#7c3aed;box-shadow:0 8px 24px #7c3aed33}.dark-mode .tag-create-card:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c084fc)}.dark-mode .tag-create-card .card-header{border-bottom-color:var(--border-color)}.dark-mode .tag-create-card .card-header h3,.dark-mode .tag-create-card .form-group label{color:var(--text-primary)}.dark-mode .tag-create-card input,.dark-mode .tag-create-card textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .tag-create-card input::placeholder,.dark-mode .tag-create-card textarea::placeholder{color:var(--text-tertiary)}.dark-mode .tag-create-card input:focus,.dark-mode .tag-create-card textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark-mode .tag-list{background-color:var(--bg-primary)}.dark-mode .loading-state,.dark-mode .empty-state{color:var(--text-secondary)}.dark-mode .tag-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,#2a2a2a 100%);border-color:var(--border-color)}.dark-mode .tag-card:hover{border-color:#6366f1;box-shadow:0 12px 24px -8px #6366f166}.dark-mode .tag-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899)}.dark-mode .tag-id{color:var(--text-secondary);background:linear-gradient(135deg,#2a2a2a,#333)}.dark-mode .tag-card h3{color:var(--text-primary)}.dark-mode .tag-card-description{color:var(--text-secondary)}.dark-mode .tag-card-footer{border-top-color:#3a3a3a}.dark-mode .tag-date{color:var(--text-tertiary)}.dark-mode .edit-btn:hover{background-color:#1e3a8a}.dark-mode .delete-btn:hover{background-color:#7f1d1d}.dark-mode .settings-panel{background-color:var(--bg-primary)}.dark-mode .settings-header{border-bottom-color:var(--border-color)}.dark-mode .settings-header h2{color:var(--text-primary)}.dark-mode .settings-header p{color:var(--text-secondary)}.dark-mode .settings-section h3{color:var(--text-primary)}.dark-mode .settings-item{background-color:var(--bg-tertiary)}.dark-mode .settings-item-label{color:var(--text-primary)}.dark-mode .settings-item-description{color:var(--text-secondary)}.dark-mode .content-placeholder{background-color:var(--bg-primary)}.dark-mode .content-placeholder h2,.dark-mode .content-placeholder h3{color:var(--text-primary)}.dark-mode .content-placeholder p{color:var(--text-secondary)}.dark-mode ::-webkit-scrollbar{width:8px;height:8px}.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#4a5568}.landing-page{min-height:100vh;background:#0f172a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.landing-header-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.landing-header-actions{display:flex;align-items:center;gap:12px}.landing-btn-text{background:none;border:none;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;transition:color .2s}.landing-btn-text:hover{color:#fff}.landing-btn-primary{background:#4f46e5;border:none;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.landing-btn-primary:hover{background:#4338ca}.landing-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.landing-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.landing-btn-large{font-size:16px;padding:14px 28px}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:80px;max-width:1200px;margin:0 auto;padding:120px 24px 80px}.landing-hero-content{flex:1;max-width:560px}.landing-hero-title{font-size:52px;font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text{color:#818cf8}.landing-hero-subtitle{font-size:18px;line-height:1.7;color:#ffffffb3;margin-bottom:32px}.landing-hero-actions{display:flex;gap:16px;margin-bottom:20px}.landing-hero-note{font-size:13px;color:#ffffff80}.landing-hero-visual{flex:1;display:flex;justify-content:center}.chat-preview{width:340px;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0000004d;overflow:hidden}.chat-preview-header{background:#4f46e5;padding:16px 20px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:600}.chat-preview-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.chat-preview-messages{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:280px}.chat-preview-messages .chat-message{padding:12px 16px;border-radius:16px;font-size:14px;max-width:85%;line-height:1.4;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-preview-messages .chat-message-user{background:#4f46e5;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-preview-messages .chat-message-bot{background:#f3f4f6;color:#1f2937;align-self:flex-start;border-bottom-left-radius:4px}.landing-section-inner{max-width:1200px;margin:0 auto;padding:100px 24px}.landing-section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:12px}.landing-section-subtitle{font-size:18px;color:#fff9;text-align:center;margin-bottom:60px}.landing-features{background:#ffffff05}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;transition:all .3s}.landing-feature-card:hover{background:#ffffff14;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;background:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.landing-feature-card h3{font-size:18px;font-weight:600;margin-bottom:12px}.landing-feature-card p{font-size:14px;line-height:1.6;color:#fff9}.landing-install{background:#0003}.landing-code-block{max-width:700px;margin:0 auto;background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.code-header span{font-size:13px;color:#fff9}.code-copy-btn{background:#ffffff1a;border:none;color:#fff;font-size:12px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background .2s}.code-copy-btn:hover{background:#fff3}.code-content{padding:20px;margin:0;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:#a5b4fc;overflow-x:auto}.landing-cta{text-align:center}.landing-cta h2{font-size:36px;font-weight:700;margin-bottom:16px}.landing-cta p{font-size:18px;color:#fff9;margin-bottom:32px}.landing-footer{border-top:1px solid rgba(255,255,255,.1)}.landing-footer-inner{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;align-items:center;justify-content:space-between}.landing-footer-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.landing-footer-copyright{font-size:13px;color:#ffffff80}@media(max-width:1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-hero{flex-direction:column;text-align:center;gap:48px;padding-top:100px}.landing-hero-title{font-size:36px}.landing-hero-actions{justify-content:center;flex-wrap:wrap}.landing-features-grid{grid-template-columns:1fr}.landing-footer-inner{flex-direction:column;gap:16px;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px}.login-container{width:100%;max-width:400px;background:#1e1e2e;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1)}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:16px}.login-header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#a0a0b0;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#a0a0b0;font-size:14px;font-weight:500}.form-group input{padding:14px 16px;background:#2a2a3e;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;transition:all .2s ease}.form-group input::placeholder{color:#606070}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:14px;background:#4f46e5;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#a0a0b0;font-size:14px;margin:0}.link-button{background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s ease}.link-button:hover{color:#6366f1;text-decoration:underline}.recaptcha-wrapper{display:flex;justify-content:center;margin:8px 0}.manager-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.manager-auth-container{width:100%;max-width:420px;background:var(--bg-primary, #ffffff);border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.manager-auth-header{text-align:center;margin-bottom:32px}.manager-auth-logo{margin-bottom:16px}.manager-auth-header h1{font-size:24px;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.manager-auth-header p{font-size:14px;color:var(--text-secondary, #666666);margin:0}.manager-auth-form{display:flex;flex-direction:column;gap:20px}.manager-auth-form .form-group{display:flex;flex-direction:column;gap:6px}.manager-auth-form label{font-size:14px;font-weight:500;color:var(--text-primary, #1a1a1a)}.manager-auth-form input{padding:12px 16px;font-size:15px;border:1px solid var(--border-primary, #e0e0e0);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--input-text, #1a1a1a);transition:border-color .2s,box-shadow .2s}.manager-auth-form input:focus{outline:none;border-color:var(--input-focus, #4F46E5);box-shadow:0 0 0 3px #4f46e51a}.manager-auth-form input::placeholder{color:var(--input-placeholder, #999999)}.manager-auth-form input:disabled{background:var(--bg-secondary, #f5f5f5);cursor:not-allowed}.form-hint{font-size:12px;color:var(--text-tertiary, #888888);margin-top:4px}.manager-auth-button{padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:var(--btn-primary-bg, #4F46E5);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.manager-auth-button:hover:not(:disabled){background:var(--btn-primary-hover, #4338CA)}.manager-auth-button:active:not(:disabled){transform:scale(.98)}.manager-auth-button:disabled{opacity:.6;cursor:not-allowed}.manager-auth-button--success{background:#10b981}.manager-auth-button--success:hover:not(:disabled){background:#059669}.manager-auth-button--secondary{background:transparent;color:var(--text-secondary, #666666);border:1px solid var(--border-primary, #e0e0e0);margin-top:0}.manager-auth-button--secondary:hover:not(:disabled){background:var(--bg-hover, #f5f5f5);color:var(--text-primary, #1a1a1a)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.manager-auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-secondary, #eeeeee)}.manager-auth-footer p{font-size:14px;color:var(--text-secondary, #666666);margin:0}.manager-auth-footer .link-button{color:var(--btn-primary-bg, #4F46E5);font-weight:600;text-decoration:none;transition:color .2s}.manager-auth-footer .link-button:hover{color:var(--btn-primary-hover, #4338CA);text-decoration:underline}.signup-info{text-align:center;padding:16px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;margin-bottom:16px}.signup-info p{font-size:14px;color:var(--text-secondary, #666666);margin:0 0 8px;line-height:1.6}.signup-info p:last-child{margin-bottom:0}.signup-info-note{margin-top:12px!important;padding-top:12px;border-top:1px solid var(--border-secondary, #eeeeee);font-weight:500;color:var(--text-primary, #1a1a1a)!important}.verified-info{padding:16px;background:var(--status-completed-bg, #dcfce7);border-radius:8px;margin-bottom:8px}.verified-info p{font-size:14px;color:var(--status-completed-text, #166534);margin:0 0 4px}.verified-info p:last-child{margin-bottom:0}.verified-info strong{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.manager-auth-info{margin-top:32px;padding:20px;background:var(--bg-secondary, #f8f9fa);border-radius:12px}.manager-auth-info h3{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 12px}.manager-auth-info ul{margin:0;padding-left:20px}.manager-auth-info li{font-size:13px;color:var(--text-secondary, #666666);margin-bottom:6px;line-height:1.5}.manager-auth-info li:last-child{margin-bottom:0}.dark-mode .manager-auth-container{background:var(--bg-primary)}.dark-mode .manager-auth-form input{background:var(--input-bg);border-color:var(--border-primary);color:var(--input-text)}.dark-mode .manager-auth-info{background:var(--bg-tertiary)}.channel-select-page{min-height:100vh;background:var(--bg-primary, #1a1a1a);display:flex;flex-direction:column}.channel-select-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary, #888888)}.spinner-large{width:40px;height:40px;border:3px solid rgba(79,70,229,.2);border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.channel-select-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-primary, #2a2a2a)}.header-logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.header-logo svg{width:32px;height:32px}.header-settings{padding:8px 16px;font-size:14px;color:var(--text-secondary, #888888);background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:8px;cursor:pointer;transition:all .2s}.header-settings:hover{background:var(--bg-hover, #3a3a3a);color:var(--text-primary, #ffffff)}.channel-select-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.channel-select-container{width:100%;max-width:400px}.channel-select-container h1{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 24px;text-align:center}.channel-list{display:flex;flex-direction:column;gap:8px}.channel-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.channel-item:hover{background:var(--bg-hover, #3a3a3a);border-color:#4f46e5}.channel-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.channel-icon--create{background:transparent;border:2px dashed var(--border-primary, #4a4a4a);color:#4f46e5}.channel-info{flex:1;display:flex;align-items:center;gap:8px}.channel-name{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.channel-create-text{font-size:16px;font-weight:500;color:#4f46e5}.channel-arrow{color:var(--text-tertiary, #666666);flex-shrink:0}.channel-item--create:hover .channel-icon--create{border-color:#4f46e5;background:#4f46e51a}.role-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:4px}.role-badge--owner{background:#ef444426;color:#ef4444}.role-badge--admin{background:#f59e0b26;color:#f59e0b}.role-badge--agent{background:#10b98126;color:#10b981}.channel-help{margin-top:32px;font-size:13px;color:var(--text-tertiary, #666666);text-align:center;line-height:1.6}:root:not(.dark-mode) .channel-select-page{background:#f5f5f5}:root:not(.dark-mode) .channel-select-header{background:#fff;border-color:#e0e0e0}:root:not(.dark-mode) .header-logo{color:#1a1a1a}:root:not(.dark-mode) .header-settings{background:#fff;border-color:#e0e0e0;color:#666}:root:not(.dark-mode) .channel-select-container h1{color:#1a1a1a}:root:not(.dark-mode) .channel-item{background:#fff;border-color:#e0e0e0}:root:not(.dark-mode) .channel-item:hover{background:#f9f9f9}:root:not(.dark-mode) .channel-name{color:#1a1a1a}:root:not(.dark-mode) .channel-icon--create{border-color:#d0d0d0}.channel-item-wrapper{display:flex;gap:8px;align-items:stretch}.channel-item-wrapper .channel-item{flex:1}.plugin-key-btn{display:flex;align-items:center;justify-content:center;padding:0 16px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:12px;color:var(--text-secondary, #888888);cursor:pointer;transition:all .2s}.plugin-key-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}:root:not(.dark-mode) .plugin-key-btn{background:#fff;border-color:#e0e0e0;color:#666}:root:not(.dark-mode) .plugin-key-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.plugin-key-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.plugin-key-modal{background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-primary, #3a3a3a);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary, #3a3a3a)}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #888888);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--bg-hover, #3a3a3a);color:var(--text-primary, #ffffff)}.modal-content{padding:24px;display:flex;flex-direction:column;gap:24px}.plugin-key-section{display:flex;flex-direction:column;gap:8px}.plugin-key-section label{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.copy-field{display:flex;gap:8px;align-items:center}.copy-field code{flex:1;padding:12px 16px;background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:13px;color:#10b981;overflow:auto}.copy-btn{padding:12px 20px;background:#4f46e5;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.copy-btn:hover{background:#4338ca}.script-field{background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:8px;overflow:auto}.script-field pre{margin:0;padding:16px;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary, #cccccc);white-space:pre-wrap;word-break:break-all}.copy-script-btn{width:100%;padding:12px;background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-primary, #3a3a3a);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s}.copy-script-btn:hover{background:#4f46e5;border-color:#4f46e5}.help-text{margin:0;font-size:12px;color:var(--text-tertiary, #666666)}:root:not(.dark-mode) .plugin-key-modal{background:#fff;border-color:#e0e0e0}:root:not(.dark-mode) .modal-header{border-color:#e0e0e0}:root:not(.dark-mode) .modal-header h2{color:#1a1a1a}:root:not(.dark-mode) .plugin-key-section label{color:#1a1a1a}:root:not(.dark-mode) .copy-field code{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark-mode) .script-field{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark-mode) .script-field pre{color:#333}:root:not(.dark-mode) .copy-script-btn{background:#f5f5f5;border-color:#e0e0e0;color:#1a1a1a}.chat-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;overflow:hidden}.chat-page-container{width:100%;max-width:420px;height:calc(100% - 32px);max-height:700px;display:flex;flex-direction:column}.chat-page .chat-widget-overlay{position:relative;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;flex:1;min-height:0}.chat-page .chat-widget{position:relative;width:100%;height:100%;max-width:none;max-height:none;bottom:auto;right:auto;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.chat-page-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-page-error{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;text-align:center}.chat-page-error button{padding:12px 24px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.chat-page-error button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:480px){.chat-page{padding:0}.chat-page-container{max-width:none;height:100%;max-height:none}.chat-page .chat-widget{border-radius:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){.chat-page .chat-widget-input{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.public-chat-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:20px;overflow:hidden}.public-chat-container{width:100%;max-width:420px;height:calc(100% - 40px);max-height:720px;display:flex;flex-direction:column}.public-chat-page .chat-widget-overlay{position:relative;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;flex:1;min-height:0}.public-chat-page .chat-widget{position:relative;width:100%;height:100%;max-width:none;max-height:none;bottom:auto;right:auto;border-radius:20px;box-shadow:0 25px 60px -12px #0000004d,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden}.public-chat-loading{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;font-size:15px;font-weight:500}.public-chat-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:public-chat-spin .8s linear infinite}@keyframes public-chat-spin{to{transform:rotate(360deg)}}.public-chat-error{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;text-align:center;max-width:320px}.public-chat-error-icon{font-size:48px}.public-chat-error p{font-size:15px;line-height:1.6;opacity:.9}.public-chat-error button{padding:12px 28px;background:#fffffff2;color:#6366f1;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.public-chat-error button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media(max-width:480px){.public-chat-page{padding:0}.public-chat-container{max-width:none;height:100%;max-height:none}.public-chat-page .chat-widget{border-radius:0;box-shadow:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.public-chat-page .chat-widget-input{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.app h1{font-size:48px;margin-bottom:16px;font-weight:700}.app p{font-size:20px;opacity:.9;margin-top:8px}.app-status{font-size:16px!important;margin-top:24px!important;padding:12px 24px;background:#fff3;border-radius:24px}.app-error{text-align:center;max-width:600px}.app-error h1{font-size:64px;margin-bottom:24px}.app-error p{font-size:18px;line-height:1.6}.app-error-hint{font-size:14px!important;opacity:.7!important;margin-top:24px!important;padding:16px;background:#0003;border-radius:8px}