*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa;line-height:1.5}.container{padding:16px}.content-wrapper{background:#ffffff;padding:16px;border-radius:4px;margin-bottom:16px}.card{background:#ffffff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:16px;margin-bottom:16px}.table-container .el-table{border-radius:4px}.form-container{padding:20px}.btn-group{margin-top:16px;text-align:right}.mt-10{margin-top:10px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#409eff}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-danger{color:#f56c6c}.text-info{color:#909399}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--primary-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--sidebar-width: 200px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#333}#app{width:100%;height:100%}.layout-container{width:100%;height:100%;display:flex}.layout-sidebar{width:var(--sidebar-width);height:100%;background:#304156;transition:width .3s;overflow-x:hidden;overflow-y:auto}.layout-sidebar::-webkit-scrollbar{width:6px}.layout-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.layout-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.layout-header{height:var(--header-height);background:#fff;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.layout-content{flex:1;padding:20px;overflow-y:auto;background:#f5f7fa}.page-container{background:#fff;border-radius:4px;padding:20px;min-height:calc(100% - 40px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.page-title{font-size:18px;font-weight:600;color:#303133}.search-form{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background:#f5f7fa;border-radius:4px}.search-item{display:flex;align-items:center;gap:8px}.search-item .label{white-space:nowrap;color:#606266}.table-operations{display:flex;gap:10px;margin-bottom:15px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 12px #0000000d}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#303133}.stat-card .stat-sub{font-size:12px;color:#909399;margin-top:5px}.chart-container{width:100%;height:400px;background:#fff;border-radius:4px;padding:20px;margin-bottom:20px}.el-menu{border-right:none!important}.el-menu-item,.el-sub-menu__title{color:#bfcbd9!important}.el-menu-item:hover,.el-sub-menu__title:hover{background:#263445!important}.el-menu-item.is-active{color:#409eff!important;background:#263445!important}