.users-container[data-v-c167e09f]{height:100%;width:100%;display:flex;flex-direction:column;--primary-color: #7028e4;--secondary-color: #4a7bf7;--text-color: #333;--bg-color: #f8fafc;--card-shadow: 0 10px 25px rgba(0, 0, 0, .05);--border-radius: 8px}.main-container[data-v-c167e09f]{flex:1;display:flex;overflow:hidden}.main-content[data-v-c167e09f]{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px;background-color:var(--bg-color)}.content[data-v-c167e09f]{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.page-title[data-v-c167e09f]{display:flex;flex-direction:column;margin-bottom:10px}.page-title h1[data-v-c167e09f]{font-size:24px;margin:0;color:var(--text-color);font-weight:600}.breadcrumb[data-v-c167e09f]{display:flex;align-items:center;font-size:14px;color:#64748b;margin-top:8px}.breadcrumb span[data-v-c167e09f]{margin:0 5px}.breadcrumb .el-icon[data-v-c167e09f]{font-size:12px}.search-container[data-v-c167e09f]{background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--card-shadow)}.search-inline[data-v-c167e09f]{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.search-label[data-v-c167e09f]{font-weight:500;color:var(--text-color);min-width:50px}.search-input[data-v-c167e09f]{width:200px}.role-select[data-v-c167e09f]{width:150px}.custom-button[data-v-c167e09f]{display:flex;align-items:center;justify-content:center;height:36px;padding:0 15px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.custom-button .el-icon[data-v-c167e09f]{margin-right:5px}.search-button[data-v-c167e09f]{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.search-button[data-v-c167e09f]:hover{opacity:.9;transform:translateY(-1px)}.reset-button[data-v-c167e09f]{background-color:#f1f5f9;color:#64748b}.reset-button[data-v-c167e09f]:hover{background-color:#e2e8f0}.table-container[data-v-c167e09f]{background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.operation-cell[data-v-c167e09f]{display:flex;justify-content:center}.operation-buttons[data-v-c167e09f]{display:flex;gap:10px}.edit-button[data-v-c167e09f]{background-color:#3b82f6;color:#fff;font-size:13px;height:30px;border-radius:4px}.edit-button[data-v-c167e09f]:hover{background-color:#2563eb}.delete-button[data-v-c167e09f]{background-color:#ef4444;color:#fff;font-size:13px;height:30px;border-radius:4px}.delete-button[data-v-c167e09f]:hover{background-color:#dc2626}.pagination[data-v-c167e09f]{display:flex;justify-content:flex-end;margin-top:20px}.even-row[data-v-c167e09f]{background-color:#f8fafc}[data-v-c167e09f] .el-input__wrapper{box-shadow:0 0 0 1px #0000001a inset}[data-v-c167e09f] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--primary-color) inset}[data-v-c167e09f] .el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary-color) inset}.w-full[data-v-c167e09f]{width:100%}@media(max-width:768px){.search-inline[data-v-c167e09f]{flex-direction:column;align-items:flex-start}.search-input[data-v-c167e09f],.role-select[data-v-c167e09f],.custom-button[data-v-c167e09f]{width:100%}.main-content[data-v-c167e09f],.search-container[data-v-c167e09f],.table-container[data-v-c167e09f]{padding:15px}}