.layout-container[data-v-a0df7e38]{height:100%}.sidebar-container[data-v-a0df7e38]{background-color:#304156;overflow:hidden;transition:width .3s}.sidebar-container .logo[data-v-a0df7e38]{height:50px;display:flex;align-items:center;justify-content:center;background-color:#2b3a4a}.sidebar-container .logo img[data-v-a0df7e38]{width:32px;height:32px;margin-right:8px}.sidebar-container .logo span[data-v-a0df7e38]{color:#fff;font-size:16px;font-weight:700}.sidebar-container .el-menu[data-v-a0df7e38]{border-right:none}.main-container[data-v-a0df7e38]{flex-direction:column;overflow:hidden}.header-container[data-v-a0df7e38]{height:50px;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header-container .header-left[data-v-a0df7e38]{display:flex;align-items:center}.header-container .header-left .collapse-btn[data-v-a0df7e38]{font-size:20px;cursor:pointer;margin-right:15px}.header-container .header-left .collapse-btn[data-v-a0df7e38]:hover{color:#409eff}.header-container .header-right .user-info[data-v-a0df7e38]{display:flex;align-items:center;cursor:pointer}.header-container .header-right .user-info .username[data-v-a0df7e38]{margin:0 8px;font-size:14px}.main-content[data-v-a0df7e38]{background-color:#f5f7fa;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa;-webkit-font-smoothing:antialiased}#app,body,html{width:100%;height:100%}a{color:#409eff;text-decoration:none}.page-container,.search-bar{padding:20px}.search-bar{background:#fff;border-radius:4px;margin-bottom:20px}.search-bar .el-form-item{margin-bottom:0;margin-right:10px}.table-container{background:#fff;border-radius:4px;padding:20px}.pagination-container{margin-top:20px;text-align:right}.stat-card{background:#fff;border-radius:4px;padding:20px}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133}.stat-card .stat-footer{margin-top:10px;font-size:12px;color:#909399}.chart-container{background:#fff;border-radius:4px;padding:20px}.chart-container .chart-title{font-size:16px;font-weight:700;margin-bottom:20px}.chart-container .chart{width:100%;height:300px}.status-tag.success{color:#67c23a}.status-tag.warning{color:#e6a23c}.status-tag.danger{color:#f56c6c}.action-buttons .el-button{padding:5px 10px}.dialog-form .el-form-item{margin-bottom:18px}.breadcrumb-container{margin-bottom:15px}