*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}.dark-sidebar :focus-visible,.dark-sidebar button:focus-visible,.dark-sidebar [role=button]:focus-visible{outline-color:#60a5fa}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#00000026}.dark-sidebar{background:#0d1117!important}.dark-sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.dark-sidebar .ant-menu-dark{background:transparent!important}.dark-sidebar .ant-menu-dark .ant-menu-item{margin:2px 8px;border-radius:6px;height:40px;line-height:40px}.dark-sidebar .ant-menu-dark .ant-menu-item:hover{background-color:#161b22!important}.dark-sidebar .ant-menu-dark .ant-menu-item-selected{background-color:#1f2937!important}.dark-sidebar .ant-menu-dark .ant-menu-submenu-title{margin:2px 8px;border-radius:6px;height:40px;line-height:40px}.dark-sidebar .ant-menu-dark .ant-menu-submenu-title:hover{background-color:#161b22!important}.dark-sidebar .ant-menu-dark .ant-menu-sub{background:transparent!important}.dark-sidebar .ant-menu-dark .ant-menu-sub .ant-menu-item{padding-left:48px!important;height:36px;line-height:36px}.dark-sidebar .ant-menu-dark .ant-menu-item-icon{font-size:16px}.dark-sidebar.ant-layout-sider-collapsed .ant-menu-item,.dark-sidebar.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0 calc(50% - 8px)!important}.dark-sidebar::-webkit-scrollbar-thumb{background-color:#ffffff1a}.dark-sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff3}.conversation-item{transition:all .2s ease;cursor:pointer}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.active{background-color:#e6f4ff;border-right:3px solid #2563eb}.message-enter{animation:messageSlideIn .2s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.priority-urgent{background-color:#ff4d4f;color:#fff}.priority-high{background-color:#fa8c16;color:#fff}.priority-medium{background-color:#1890ff;color:#fff}.priority-low{background-color:#52c41a;color:#fff}.status-online{background-color:#10b981}.status-away{background-color:#f59e0b}.status-offline{background-color:#6b7280}.header-user-dropdown:hover{background-color:#f3f4f6}.chat-area{display:flex;flex-direction:column;height:100%}.chat-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;background:#f9fafb}.chat-input{padding:16px 20px;border-top:1px solid #e5e7eb;background:#fff}.spacing-1{padding:4px}.spacing-2{padding:8px}.spacing-3{padding:12px}.spacing-4{padding:16px}.spacing-5{padding:20px}.spacing-6{padding:24px}.spacing-7{padding:32px}.spacing-8{padding:40px}.spacing-9{padding:48px}.spacing-10{padding:60px}.margin-1{margin:4px}.margin-2{margin:8px}.margin-3{margin:12px}.margin-4{margin:16px}.margin-5{margin:20px}.margin-6{margin:24px}.margin-7{margin:32px}.margin-8{margin:40px}.margin-9{margin:48px}.margin-10{margin:60px}.padding-1{padding:4px}.padding-2{padding:8px}.padding-3{padding:12px}.padding-4{padding:16px}.padding-5{padding:20px}.padding-6{padding:24px}.padding-7{padding:32px}.padding-8{padding:40px}.padding-9{padding:48px}.padding-10{padding:60px}.message-bubble{padding:10px 14px;border-radius:12px;margin-bottom:8px}.message-bubble.visitor{background:#fff;border:1px solid #e5e7eb;margin-right:auto}.message-bubble.agent{background:#2563eb;color:#fff;margin-left:auto}.message-bubble.ai{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;margin-right:auto;position:relative}.message-bubble.ai:before{content:"";position:absolute;top:8px;left:-4px;width:8px;height:8px;background:#8b5cf6;border-radius:50%;opacity:.6}.message-bubble.system{background:#f3f4f6;color:#6b7280;margin:8px auto;font-size:12px;text-align:center}.chats-container{display:flex;height:calc(100vh - 64px);overflow:hidden}.conversation-list-panel{width:320px;min-width:320px;border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column}.chat-main-panel{flex:1;display:flex;flex-direction:column;min-width:0}.customer-details-panel{width:320px;min-width:320px;border-left:1px solid #e5e7eb;background:#fff;overflow-y:auto}.customer-details-panel.collapsed{width:0;min-width:0;border-left:none}.conversation-tabs{padding:0 16px;border-bottom:1px solid #e5e7eb}.conversation-tabs .ant-tabs-nav{margin-bottom:0}.conversation-search{padding:12px 16px;border-bottom:1px solid #e5e7eb}.conversation-list{flex:1;overflow-y:auto}.conversation-list-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.conversation-list-item:hover{background:#f9fafb}.conversation-list-item.active{background:#eff6ff;border-left:3px solid #2563eb}.conversation-list-item .visitor-name{font-weight:500;color:#111827;margin-bottom:4px}.conversation-list-item .last-message{color:#6b7280;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list-item .meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.conversation-list-item .time{color:#9ca3af;font-size:12px}.page-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.page-description{color:#6b7280;font-size:14px}.metric-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.metric-card .metric-value{font-size:28px;font-weight:600;color:#111827}.metric-card .metric-label{color:#6b7280;font-size:13px;margin-top:4px}.metric-card .metric-change{font-size:12px;margin-top:8px}.metric-card .metric-change.positive{color:#10b981}.metric-card .metric-change.negative{color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.empty-state-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state-title{font-size:16px;font-weight:500;color:#374151;margin-bottom:8px}.empty-state-description{font-size:14px;color:#6b7280;text-align:center;max-width:300px}.chat-action-bar{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #e5e7eb;background:#fff}.customer-panel-section{padding:16px;border-bottom:1px solid #f3f4f6}.customer-panel-section-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.typing-indicator{display:inline-flex;gap:4px;padding:8px 12px;background:#f3f4f6;border-radius:12px}.typing-indicator span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.canned-response-picker{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 -4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:10}.canned-response-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6}.canned-response-item:hover{background:#f9fafb}.canned-response-item:last-child{border-bottom:none}.canned-response-shortcut{font-family:monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px;color:#6b7280;margin-right:8px}.ai-copilot{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin-bottom:12px}.ai-copilot-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#0369a1;margin-bottom:8px}.ai-copilot-suggestion{font-size:13px;color:#0c4a6e;line-height:1.5}.sync-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:12px}.sync-status.pending{background:#fef3c7;color:#92400e}.sync-status.syncing{background:#dbeafe;color:#1e40af}.sync-status.synced{background:#d1fae5;color:#065f46}.sync-status.error{background:#fee2e2;color:#991b1b}.rule-builder{background:#f9fafb;border-radius:8px;padding:16px}.rule-condition{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rule-action{margin-top:16px;padding-top:16px;border-top:1px dashed #e5e7eb}.webhook-event-tag{font-family:monospace;font-size:11px}.api-key-display{font-family:monospace;background:#f3f4f6;padding:8px 12px;border-radius:6px;font-size:13px;color:#374151}.display-flex{display:flex}.text-center{text-align:center}.color-secondary{color:#9ca3af}.font-size-sm{font-size:12px}.chart-container{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.chart-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px}.heatmap-cell{border-radius:2px;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.1)}.visitor-card{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;margin-bottom:8px;cursor:pointer;transition:all .2s}.visitor-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.visitor-card .visitor-info{display:flex;justify-content:space-between;align-items:flex-start}.visitor-card .current-page{font-size:12px;color:#6b7280;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-preview{width:380px;height:520px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden}.settings-layout{display:flex;min-height:calc(100vh - 64px)}.settings-sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:24px 0}.settings-content{flex:1;padding:24px 32px;background:#f5f5f5}.integration-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s}.integration-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.integration-card .integration-icon{width:48px;height:48px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px}.integration-card .integration-info{flex:1}.integration-card .integration-name{font-weight:500;color:#111827;margin-bottom:4px}.integration-card .integration-description{font-size:13px;color:#6b7280}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.quick-stat-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.quick-stat-value{font-size:32px;font-weight:600;color:#111827}.quick-stat-label{font-size:13px;color:#6b7280;margin-top:4px}.ant-layout-sider{background:#0d1117!important}.ant-menu-light{border-inline-end:none!important}.ant-badge-status-dot{width:8px!important;height:8px!important}.form-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px}.form-section-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:16px}.custom-table .ant-table-thead>tr>th{background:#f9fafb;font-weight:600;color:#374151}.custom-table .ant-table-tbody>tr:hover>td{background:#f9fafb}.alert-card-pulse{background-color:#fef3c7;border-left:4px solid #f59e0b;animation:alertPulse 2s infinite}@keyframes alertPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}