.users-container[data-v-74f3fc53]{padding:0;background:#f0f2f5;min-height:100vh}.stats-row[data-v-74f3fc53]{margin-bottom:24px}.stat-card[data-v-74f3fc53]{border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;position:relative}.stat-card[data-v-74f3fc53]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.stat-card[data-v-74f3fc53]:hover:before{opacity:1}.stat-card[data-v-74f3fc53]:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.12)}.stat-card[data-v-74f3fc53] .el-card__body{padding:24px}.stat-content[data-v-74f3fc53]{display:flex;align-items:center;justify-content:space-between}.stat-icon[data-v-74f3fc53]{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stat-icon[data-v-74f3fc53]:before{content:"";position:absolute;width:100%;height:100%;background:inherit;opacity:.1;transform:scale(0);transition:transform .3s}.stat-card:hover .stat-icon[data-v-74f3fc53]:before{transform:scale(1.5)}.stat-icon i[data-v-74f3fc53]{font-size:32px;position:relative;z-index:1}.stat-info[data-v-74f3fc53]{flex:1;text-align:right}.stat-value[data-v-74f3fc53]{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:8px;font-family:Helvetica Neue,Arial,sans-serif}.stat-label[data-v-74f3fc53]{font-size:14px;color:#8c8c8c;font-weight:500;letter-spacing:.5px}.main-card[data-v-74f3fc53]{border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:none;overflow:hidden}.main-card[data-v-74f3fc53] .el-card__header{background:#fff;padding:24px 32px;border-bottom:1px solid #f0f0f0}.card-header[data-v-74f3fc53]{display:flex;align-items:center;justify-content:space-between}.card-title[data-v-74f3fc53]{font-size:20px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;letter-spacing:.5px}.card-title i[data-v-74f3fc53]{margin-right:12px;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons[data-v-74f3fc53]{display:flex;gap:10px}.header-buttons .el-button[data-v-74f3fc53]{border-radius:20px;padding:9px 20px;font-weight:500;transition:all .3s}.add-btn[data-v-74f3fc53]{border-radius:8px;padding:9px 20px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s}.add-btn[data-v-74f3fc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.search-section[data-v-74f3fc53]{background:#fafafa;padding:24px 32px;border-radius:0;margin-bottom:0;border-bottom:1px solid #f0f0f0}.search-form[data-v-74f3fc53]{margin-bottom:0}.search-form[data-v-74f3fc53] .el-form-item{margin-bottom:12px;margin-right:16px}.search-form[data-v-74f3fc53] .el-form-item__label{font-weight:500;color:#595959;font-size:14px}.search-form[data-v-74f3fc53] .el-input__inner,.search-form[data-v-74f3fc53] .el-input__inner:focus{border-radius:8px;border:1px solid #e0e0e0;transition:all .3s}.search-form[data-v-74f3fc53] .el-input__inner:hover{border-color:#667eea}.search-form[data-v-74f3fc53] .el-input__inner:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.search-form[data-v-74f3fc53] .el-button{border-radius:8px;padding:9px 20px;font-weight:500;transition:all .3s}.search-form[data-v-74f3fc53] .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.search-form[data-v-74f3fc53] .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.search-form[data-v-74f3fc53] .el-button--default:hover{color:#667eea;border-color:#667eea}.users-container[data-v-74f3fc53] .el-table{border-radius:0;border:none;font-size:14px}.users-container[data-v-74f3fc53] .el-table th{background:#fafafa!important;color:#595959!important;font-weight:600!important;border-bottom:2px solid #f0f0f0!important;padding:16px 0}.users-container[data-v-74f3fc53] .el-table td{padding:16px 0;border-bottom:1px solid #f5f5f5}.users-container[data-v-74f3fc53] .el-table__row:hover{background:#fafafa!important}.users-container[data-v-74f3fc53] .el-table--border:after,.users-container[data-v-74f3fc53] .el-table--group:after,.users-container[data-v-74f3fc53] .el-table:before{background-color:transparent}.users-container[data-v-74f3fc53] .el-table--border,.users-container[data-v-74f3fc53] .el-table--group{border:none}.users-container[data-v-74f3fc53] .el-table td,.users-container[data-v-74f3fc53] .el-table th.is-leaf{border-right:none}.users-container[data-v-74f3fc53] .el-tag{border-radius:6px;padding:0 12px;height:28px;line-height:28px;font-weight:500;border:none}.users-container[data-v-74f3fc53] .el-tag--success{background:#f0f9ff;color:#0891b2}.users-container[data-v-74f3fc53] .el-tag--info{background:#f3f4f6;color:#6b7280}.users-container[data-v-74f3fc53] .el-button--mini.is-circle{width:36px;height:36px;padding:0;border:none;transition:all .3s;margin:0 4px}.users-container[data-v-74f3fc53] .el-button--primary.is-circle{background:linear-gradient(135deg,#667eea,#764ba2)}.users-container[data-v-74f3fc53] .el-button--primary.is-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(102,126,234,.4)}.users-container[data-v-74f3fc53] .el-button--success.is-circle{background:linear-gradient(135deg,#67c23a,#85ce61)}.users-container[data-v-74f3fc53] .el-button--success.is-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(103,194,58,.4)}.users-container[data-v-74f3fc53] .el-button--danger.is-circle{background:linear-gradient(135deg,#f56c6c,#e74c3c)}.users-container[data-v-74f3fc53] .el-button--danger.is-circle:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 12px rgba(245,108,108,.4)}.users-container[data-v-74f3fc53] .el-pagination{margin-top:0;text-align:right;padding:24px 32px;background:#fafafa;border-top:1px solid #f0f0f0}.users-container[data-v-74f3fc53] .el-pagination .el-pager li{border-radius:8px;min-width:36px;height:36px;line-height:36px;margin:0 4px;font-weight:500}.users-container[data-v-74f3fc53] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-container[data-v-74f3fc53] .el-pagination button{border-radius:8px;min-width:36px;height:36px}.users-container[data-v-74f3fc53] .el-dialog{border-radius:16px;overflow:hidden}.users-container[data-v-74f3fc53] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 32px;margin:0}.users-container[data-v-74f3fc53] .el-dialog__title{color:#fff;font-weight:600;font-size:18px;letter-spacing:.5px}.users-container[data-v-74f3fc53] .el-dialog__headerbtn{top:24px;right:32px}.users-container[data-v-74f3fc53] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px}.users-container[data-v-74f3fc53] .el-dialog__body{padding:32px}.users-container[data-v-74f3fc53] .el-dialog__footer{padding:20px 32px 32px}.users-container[data-v-74f3fc53] .el-form-item__label{font-weight:500;color:#595959}.users-container[data-v-74f3fc53] .el-dialog .el-input__inner,.users-container[data-v-74f3fc53] .el-dialog .el-textarea__inner{border-radius:8px;border:1px solid #e0e0e0}.users-container[data-v-74f3fc53] .el-dialog .el-input__inner:focus,.users-container[data-v-74f3fc53] .el-dialog .el-textarea__inner:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.users-container[data-v-74f3fc53] .el-dialog .el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 32px;font-weight:500}.users-container[data-v-74f3fc53] .el-dialog .el-button--default{border-radius:8px;padding:12px 32px;font-weight:500}.users-container[data-v-74f3fc53] .el-radio__label{font-weight:500}.roles-container[data-v-74f3fc53]{max-height:400px;overflow-y:auto;padding:10px}.roles-checkbox-group[data-v-74f3fc53]{display:flex;flex-direction:column;gap:12px}.role-checkbox[data-v-74f3fc53]{width:100%;margin:0!important;padding:16px;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s}.role-checkbox[data-v-74f3fc53]:hover{border-color:#667eea;background:#f8f9ff}.role-checkbox.is-checked[data-v-74f3fc53]{border-color:#667eea;background:#f0f3ff}.role-item[data-v-74f3fc53]{display:flex;flex-direction:column;gap:4px}.role-name[data-v-74f3fc53]{font-size:14px;font-weight:600;color:#1a1a1a}.role-code[data-v-74f3fc53]{font-size:12px;color:#8c8c8c}@media (max-width:768px){.stat-value[data-v-74f3fc53]{font-size:24px}.stat-icon[data-v-74f3fc53]{width:48px;height:48px}.stat-icon i[data-v-74f3fc53]{font-size:24px}.search-section[data-v-74f3fc53]{padding:20px}.search-form[data-v-74f3fc53] .el-form-item{width:100%;margin-right:0}.search-form[data-v-74f3fc53] .el-input,.search-form[data-v-74f3fc53] .el-select{width:100%!important}.main-card[data-v-74f3fc53] .el-card__header{padding:20px}.card-title[data-v-74f3fc53]{font-size:18px}.users-container[data-v-74f3fc53] .el-pagination{padding:20px}}.users-container[data-v-74f3fc53] .el-loading-mask{background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px)}.users-container[data-v-74f3fc53] .el-loading-spinner .circular{width:42px;height:42px}.users-container[data-v-74f3fc53] .el-loading-spinner .path{stroke:#667eea}.dropdown-item-danger[data-v-74f3fc53],.dropdown-item-danger i[data-v-74f3fc53]{color:#f56c6c!important}