html,body,#app{margin:0;padding:0;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}:root{--primary-color: #1890FF;--success-color: #52C41A;--warning-color: #FAAD14;--danger-color: #FF4D4F;--bg-color: #F0F2F5;--card-bg: #FFFFFF;--text-primary: #333333;--text-secondary: #666666;--text-disabled: #999999;--border-color: #E8E8E8;--sidebar-bg: #001529;--sidebar-text: #FFFFFF}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:var(--bg-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.el-menu{border-right:none!important}.stat-card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000014}.stat-card .stat-value{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.stat-card .stat-label{font-size:14px;color:var(--text-secondary)}.page-container{padding:20px;min-height:calc(100vh - 56px)}.page-header{margin-bottom:20px}.page-header h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.three-column-layout{display:flex;height:calc(100vh - 112px);background:var(--card-bg);border-radius:8px;overflow:hidden}.three-column-layout .left-panel{width:220px;border-right:1px solid var(--border-color);overflow-y:auto}.three-column-layout .middle-panel{width:280px;border-right:1px solid var(--border-color);overflow-y:auto}.three-column-layout .right-panel{flex:1;overflow-y:auto}.list-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s}.list-item:hover{background-color:#f5f7fa}.list-item.active{background-color:#e6f7ff;border-left:3px solid var(--primary-color)}.list-item .item-name{font-size:14px;color:var(--text-primary);margin-bottom:4px}.list-item .item-info{font-size:12px;color:var(--text-secondary)}.chat-message{display:flex;padding:12px 16px}.chat-message.employee{flex-direction:row-reverse}.chat-message.employee .message-bubble{background-color:#95ec69;margin-left:8px;margin-right:0}.chat-message .avatar{width:36px;height:36px;border-radius:4px;flex-shrink:0}.chat-message .message-content{max-width:60%}.chat-message .message-meta{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.chat-message .message-bubble{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;margin-right:8px;font-size:14px;line-height:1.5;word-break:break-word}@media (max-width: 768px){.page-container{padding:12px;overflow-x:hidden}.page-header{margin-bottom:12px}.page-header h1{font-size:18px}.stat-card{padding:12px}.stat-card .stat-value{font-size:22px}.stat-card .stat-label{font-size:12px}.three-column-layout{height:auto;min-height:calc(100vh - 120px)}.mobile-card-list .mobile-card{background:var(--card-bg);border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 1px 3px #0000000f}.mobile-card-list .mobile-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-list .mobile-card .card-body{font-size:13px;color:var(--text-secondary)}.mobile-card-list .mobile-card .card-body .card-field{display:flex;justify-content:space-between;padding:3px 0}.mobile-card-list .mobile-card .card-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>.el-date-editor,.filter-bar>.el-select,.filter-bar>.el-input,.filter-bar>.el-tree-select,.filter-bar>.el-cascader{width:100%!important}.filter-bar>.el-button{flex-shrink:0}.el-dialog{margin:8px!important}.el-dialog .el-dialog__body{padding:12px}.el-dialog .el-form .el-form-item__content .el-select,.el-dialog .el-form .el-form-item__content .el-date-editor,.el-dialog .el-form .el-form-item__content .el-input,.el-dialog .el-form .el-form-item__content .el-tree-select,.el-dialog .el-form .el-form-item__content .el-time-picker{width:100%!important}.el-table{font-size:13px}.el-table .el-table__cell{padding:8px 4px}[class$=-page]{padding:12px!important}.card-header{flex-wrap:wrap;gap:8px}.card-header .actions{width:100%;justify-content:flex-end}.el-row{row-gap:12px}.el-form--label-top .el-form-item__label{padding-bottom:4px}}@media (max-width: 480px){.page-container{padding:8px}.stat-card{padding:10px}.stat-card .stat-value{font-size:18px}}