:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--text-color: #1a1a1a;--text-color-secondary: #666;--text-color-disabled: #999;--bg-color: #f0f2f5;--bg-color-light: #fafafa;--bg-color-white: #fff;--border-color: #d9d9d9;--border-color-light: #e8e8e8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--border-radius-sm: 2px;--border-radius-base: 4px;--border-radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px rgba(0, 0, 0, .02);--shadow-base: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09);--shadow-lg: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--zindex-dropdown: 1050;--zindex-modal-backdrop: 4000;--zindex-modal: 4010;--primary-hover-color: #40a9ff;--primary-active-color: #096dd9;--font-size-2xl: 24px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;overflow:hidden;height:100vh;width:100vw;box-sizing:border-box}html,body{overflow-x:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--text-color)}p{margin-top:0}.page-container{padding:var(--spacing-md);min-height:calc(100vh - 64px)}.page-header{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 0;background-color:var(--bg-color-white);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light)}.page-header h3{margin-bottom:var(--spacing-sm);color:var(--text-color);font-size:var(--font-size-xl)}.page-header .subtitle{margin-top:0;color:var(--text-color-secondary);font-size:var(--font-size-base)}.card{background:var(--bg-color-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.action-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.error-message{color:var(--error-color);text-align:center;padding:var(--spacing-md);background-color:#f5222d0d;border-radius:var(--border-radius-base)}.ant-modal-mask{z-index:4000!important}.ant-modal-wrap{z-index:4001!important}.ant-picker-dropdown,.ant-select-dropdown,.ant-select-dropdown-menu{z-index:4010!important}.ant-select-dropdown{pointer-events:auto!important;overflow:visible!important;contain:none!important;isolation:isolate!important}.ant-select,.ant-picker{position:relative;pointer-events:auto!important;z-index:1}.ant-select-item{pointer-events:auto!important;cursor:pointer!important}.page-container{padding:0;margin:0;width:100%;box-sizing:border-box;position:relative}.full-height-container{height:calc(100vh - 64px);overflow:auto;padding-top:0;padding-bottom:var(--spacing-lg);margin-top:-24px}.content-container{padding:0 var(--spacing-md)}.page-header{margin:0 0 var(--spacing-xl) 0;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-color-white);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.page-header h2,.page-header h3{margin-bottom:var(--spacing-xs);color:var(--text-color-primary);font-weight:500}.page-header .subtitle{margin-top:0;color:var(--text-color-secondary);font-size:var(--font-size-sm)}.compact-header{padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-color-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm)}.section-title{margin-bottom:var(--spacing-md);color:var(--text-color-primary);font-size:var(--font-size-lg);font-weight:500}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.content-container{padding:0 var(--spacing-sm)}}.customer-modal .ant-modal-content{border-radius:var(--border-radius-lg)}.customer-modal .ant-modal-title{font-size:var(--font-size-lg);font-weight:500}.customer-modal .ant-form-item{margin-bottom:var(--spacing-md)}.customer-modal .ant-picker{width:100%}.customer-modal .ant-select-dropdown,.customer-modal .ant-picker-dropdown{z-index:4010!important}.customer-list .ant-table-cell .ant-space-item{margin-right:var(--spacing-xs)!important}.customer-list .action-column{display:flex;gap:var(--spacing-xs);align-items:center}.follow-up-list .record-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light)}.follow-up-list .record-item:last-child{border-bottom:none}.follow-up-list .record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.follow-up-list .record-time{color:var(--text-color-secondary);font-size:var(--font-size-sm)}.follow-up-list .record-content{color:var(--text-color);line-height:1.6}.read-only-mode .ant-input,.read-only-mode .ant-select,.read-only-mode .ant-picker{background-color:var(--bg-color-light);cursor:not-allowed}.read-only-mode .edit-actions{display:none}.dashboard-container{composes:full-height-container;padding-left:0;padding-right:0}.dashboard-header{composes:page-header;margin-top:-40px;margin-bottom:var(--spacing-xl);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%;box-sizing:border-box}.dashboard-header h2{color:var(--text-color-primary);margin-bottom:var(--spacing-xs)}.data-source-stats{margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md);background-color:var(--bg-color-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.stat-card:hover{box-shadow:var(--shadow-base)}.stat-title{color:var(--text-color-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.stat-value{color:var(--text-color-primary);font-size:var(--font-size-2xl);font-weight:500;margin-bottom:var(--spacing-xs)}.stat-change{font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.customer-stats-card{margin-bottom:var(--spacing-lg)}.stat-content{display:flex;align-items:center;gap:var(--spacing-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-base);background-color:var(--bg-color-light);color:var(--primary-color);font-size:20px}.stat-details{flex:1}.data-source-stats-card{margin-bottom:var(--spacing-lg)}.insight-card,.activity-card{box-shadow:var(--shadow-sm);border-radius:var(--border-radius-base)}.table-row-light{background-color:var(--bg-color-white)}.table-row-dark{background-color:var(--bg-color-light)}.insight-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.insight-value{font-weight:500;font-size:var(--font-size-lg)}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.dashboard-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.task-management-container{composes:page-container}.task-management-header{composes:page-header}.task-card{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease;overflow:hidden}.task-card:hover{box-shadow:var(--shadow-base)}.task-priority-high{border-left:4px solid var(--error-color)}.task-priority-medium{border-left:4px solid var(--warning-color)}.task-priority-low{border-left:4px solid var(--success-color)}.task-content{padding:var(--spacing-md)}.task-title{color:var(--text-color-primary);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-sm)}.task-description{color:var(--text-color-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.task-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-color-secondary);flex-wrap:wrap}.task-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.task-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-color-light);border-top:1px solid var(--border-color-light)}.task-filters{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-color-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}@media (max-width: 640px){.task-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.filter-row{flex-direction:column;align-items:stretch}}.agent-container{height:100vh;display:flex;overflow:hidden;position:relative}.agent-container *{box-sizing:border-box}.agent-content{background:#fff;overflow:hidden;flex:1;display:flex;flex-direction:column;height:calc(100vh - var(--header-height));margin:0 0 0 240px}.agent-sider{overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);left:0;z-index:10}.floating-actions-container{position:absolute;top:120px;left:-10px;z-index:1000;display:flex;flex-direction:row;gap:var(--spacing-sm);background:transparent;box-shadow:none;padding:0;contain:none;isolation:isolate;overflow:visible;clip:unset;pointer-events:auto;touch-action:manipulation;transition:all .3s ease;opacity:1;visibility:visible}.floating-new-conversation-btn{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;min-width:40px;background-color:var(--primary-color);border-color:var(--primary-color);font-size:16px;transition:all .3s ease;position:relative;z-index:11}.floating-new-conversation-btn:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color);transform:scale(1.05)}.chat-interface{height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.chat-interface-mobile{padding-top:0!important}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:var(--spacing-md);padding-top:0;background-color:var(--bg-color-light);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.chat-header{padding:var(--spacing-md);background-color:var(--bg-color-white);border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:var(--spacing-md);padding-top:0;background-color:var(--bg-color-light)}.chat-input-area{padding:var(--spacing-md);background-color:var(--bg-color-white);border-top:1px solid var(--border-color-light);flex-shrink:0}.message-bubble{margin-bottom:var(--spacing-md);max-width:80%}.message-user{align-self:flex-end;margin-left:auto}.message-bot{align-self:flex-start}.message-content{padding:var(--spacing-md);border-radius:var(--border-radius-base);word-wrap:break-word}.message-user .message-content{background-color:var(--primary-color);color:#fff}.message-bot .message-content{background-color:var(--bg-color-white);color:var(--text-color-primary);border:1px solid var(--border-color-light)}.message-time{font-size:var(--font-size-xs);color:var(--text-color-secondary);margin-top:var(--spacing-xs);text-align:right}.conversation-list{width:100%;height:calc(100vh - var(--header-height) - 60px);border-right:1px solid var(--border-color-light);display:flex;flex-direction:column;background-color:var(--bg-color-white);overflow:hidden}.conversation-list-header{margin-top:70px;padding-left:15%;padding-right:15%;padding-bottom:10px;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.conversation-items{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.conversation-items::-webkit-scrollbar{width:8px}.conversation-items::-webkit-scrollbar-track{background:transparent}.conversation-items::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.conversation-items::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.conversation-list-container{height:calc(100vh - var(--header-height) - 120px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.conversation-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color-light);cursor:pointer;transition:background-color .2s ease}.conversation-item:hover{background-color:var(--bg-color-light)}.conversation-item.active{background-color:var(--bg-color-light);border-left:3px solid var(--primary-color)}.conversation-title{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{font-size:var(--font-size-sm);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-xs)}.conversation-time{font-size:var(--font-size-xs);color:var(--text-color-secondary)}@media (max-width: 768px){.conversation-list{width:250px}.message-bubble{max-width:90%}.floating-actions-container{top:50px;left:2px;right:auto;bottom:auto;justify-content:flex-start;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.floating-actions-container.mobile{position:fixed;z-index:9999}}.custom-scrollbar-container{scrollbar-width:auto!important;-ms-overflow-style:auto!important}.custom-scrollbar-container::-webkit-scrollbar{display:block!important;width:auto!important;height:auto!important}.custom-scrollbar-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.custom-scrollbar-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.custom-scrollbar-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}