.user-management-container[data-v-670f64d3]{max-width:100vw;margin:0 auto;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;color:#333}.container[data-v-670f64d3]{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.container[data-v-670f64d3]:hover{box-shadow:0 12px 30px rgba(0,0,0,.15)}.header[data-v-670f64d3]{background:linear-gradient(135deg,#409eff,#64b5f6);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-670f64d3]{font-weight:500;font-size:28px;letter-spacing:1px}.header p[data-v-670f64d3]{opacity:.9;margin-top:8px;font-size:15px;font-weight:300}.search-area[data-v-670f64d3]{padding:20px 30px;background:#fff;border-bottom:1px solid #ebeef5;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.search-area .search-item[data-v-670f64d3]{margin-right:20px;min-width:220px;width:auto}.search-box[data-v-670f64d3]{flex:1;min-width:300px}.table-container[data-v-670f64d3]{flex:1;padding:0 30px 20px}.pagination[data-v-670f64d3]{margin-top:20px;display:flex;justify-content:flex-end}.operation-buttons[data-v-670f64d3]{display:flex;justify-content:center}.demo-drawer__content[data-v-670f64d3]{display:flex;flex-direction:column;height:100%;padding-right:3%}.demo-drawer__content form[data-v-670f64d3]{flex:1}.demo-drawer__footer[data-v-670f64d3]{display:flex;padding:0 20px 20px}.footer[data-v-670f64d3]{text-align:center;padding:20px;color:#909399;font-size:14px;border-top:1px solid #ebeef5}.dialog-form .el-form-item[data-v-670f64d3]{margin-bottom:22px}.dialog-form .box-card .bg-purple-light[data-v-670f64d3]{background:#e5e9f2}.dialog-form .box-card .grid-content[data-v-670f64d3]{padding:10px 5px;margin:0 5px 5px;border-radius:4px}.dialog-form .box-card .grid-content .right-div[data-v-670f64d3]{display:flex;flex-direction:row-reverse;margin-bottom:5px}.dialog-form .box-card .grid-content .grid-content-card[data-v-670f64d3]{border:2px solid #dcdfe6;padding-top:10px}.avatar-container[data-v-670f64d3]{display:flex;justify-content:center;margin-bottom:20px}.avatar[data-v-670f64d3]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #dcdfe6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.status-badge[data-v-670f64d3]{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.status-active[data-v-670f64d3]{background:#67c23a}.status-inactive[data-v-670f64d3]{background:#f56c6c}.stats-card[data-v-670f64d3]{display:flex;justify-content:space-around;padding:15px 0;background:#f8f9fa;border-bottom:1px solid #ebeef5}.stat-item[data-v-670f64d3]{text-align:center}.stat-value[data-v-670f64d3]{font-size:24px;font-weight:700;color:#409eff}.stat-label[data-v-670f64d3]{font-size:14px;color:#909399}.action-button[data-v-670f64d3]{transition:all .3s ease}@media (max-width:768px){.header[data-v-670f64d3]{flex-direction:column;text-align:center;gap:15px}.header h1[data-v-670f64d3]{font-size:24px}.search-area[data-v-670f64d3]{flex-direction:column;align-items:stretch}.operation-buttons[data-v-670f64d3]{flex-direction:column;gap:5px}.stats-card[data-v-670f64d3]{flex-wrap:wrap}.stat-item[data-v-670f64d3]{flex:1 0 50%;margin-bottom:10px}}