#app{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}#app,body{margin:0;padding:0}body{background-color:#f5f7fa}.layout-container[data-v-33fa23ba]{height:100vh}.sidebar[data-v-33fa23ba]{background-color:#304156;transition:width .28s}.sidebar .logo[data-v-33fa23ba]{height:60px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#06b6d4)}.sidebar .logo .logo-img[data-v-33fa23ba]{height:40px;width:auto;-o-object-fit:contain;object-fit:contain}.sidebar .logo .logo-icon-img[data-v-33fa23ba]{height:32px;width:32px;-o-object-fit:contain;object-fit:contain}.sidebar .sidebar-menu[data-v-33fa23ba]{border-right:none;height:calc(100vh - 60px);overflow-y:auto}.sidebar .sidebar-menu[data-v-33fa23ba]:not(.el-menu--collapse){width:240px}.header[data-v-33fa23ba]{background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);justify-content:space-between;padding:0 24px}.header .header-left[data-v-33fa23ba],.header[data-v-33fa23ba]{display:flex;align-items:center}.header .header-left .collapse-btn[data-v-33fa23ba]{font-size:18px;cursor:pointer;margin-right:16px;color:#606266}.header .header-left .collapse-btn[data-v-33fa23ba]:hover{color:#409eff}.header .header-left .breadcrumb[data-v-33fa23ba]{font-size:14px}.header .header-right[data-v-33fa23ba]{display:flex;align-items:center;gap:16px}.header .header-right .role-switch .role-text[data-v-33fa23ba]{color:#606266;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:4px}.header .header-right .role-switch .role-text[data-v-33fa23ba]:hover{background-color:#f5f7fa}.header .header-right .user-info[data-v-33fa23ba]{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px}.header .header-right .user-info[data-v-33fa23ba]:hover{background-color:#f5f7fa}.header .header-right .user-info .username[data-v-33fa23ba]{margin:0 8px;color:#606266;font-size:14px}.main-content[data-v-33fa23ba]{background-color:#f5f7fa;padding:24px;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#606266;background-color:#f5f7fa}.text-primary{color:#1976d2}.text-secondary{color:#26a69a}.text-red{color:#e53935}.text-yellow{color:#ffc107}.text-green{color:#4caf50}.text-muted{color:#909399}.bg-red{background-color:#e53935;color:#fff}.bg-yellow{background-color:#ffc107;color:#fff}.bg-green{background-color:#4caf50;color:#fff}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.p-24{padding:24px}.p-16{padding:16px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.text-center{text-align:center}.text-right{text-align:right}.card-shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;background:#fff}.status-tag{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-tag.normal{background-color:#f0f9ff;color:#4caf50;border:1px solid #b3e5fc}.status-tag.yellow{background-color:#fffbf0;color:#ffc107;border:1px solid #ffe082}.status-tag.red{background-color:#fff5f5;color:#e53935;border:1px solid #ffcdd2}.el-card{border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-button--primary{background-color:#1976d2;border-color:#1976d2}.el-button--primary:hover{background-color:#378fe7;border-color:#378fe7}.el-menu--horizontal{border-bottom:none}.el-table .el-table__header th{background-color:#fafafa;color:#606266;font-weight:600}@media(max-width:768px){.p-24{padding:16px}.mb-24{margin-bottom:16px}}