.user-admin-page{max-width:1200px;margin:0 auto;padding:20px}.user-admin-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.user-admin-title{color:#333;margin:0;font-size:28px;font-weight:600}.user-controls{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:20px;display:flex}.search-form{flex:1;align-items:center;gap:10px;min-width:300px;display:flex}.search-input{border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 12px;font-size:14px;transition:border-color .3s}.search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.filter-controls{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.filter-select,.page-size-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{color:#fff;background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{color:#fff;background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-success{color:#fff;background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#218838}.btn-warning{color:#212529;background-color:#ffc107}.btn-warning:hover:not(:disabled){background-color:#e0a800}.users-table-container{background:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th,.users-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e0e0e0;padding:12px 15px}.users-table th{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8f9fa;font-weight:600;position:relative}.users-table th:hover{background-color:#e9ecef}.users-table th.sortable:after{content:"↕";opacity:.5;font-size:12px;position:absolute;right:8px}.users-table th.sort-asc:after{content:"↑";opacity:1;color:#007bff}.users-table th.sort-desc:after{content:"↓";opacity:1;color:#007bff}.users-table tbody tr:hover{background-color:#f8f9fa}.user-actions{gap:8px;display:flex}.user-status{border-radius:12px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-active{color:#155724;background-color:#d4edda}.status-inactive{color:#721c24;background-color:#f8d7da}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px 0;display:flex}.pagination-info{color:#666;margin:0 20px;font-size:14px}.page-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .3s}.page-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{color:#fff;background-color:#007bff;border-color:#007bff}.loading{text-align:center;color:#666;padding:40px}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;padding:12px 16px}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:20px;padding:12px 16px}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;padding:0;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.modal-title{color:#333;margin:0;font-size:18px;font-weight:600}.modal-body{max-height:60vh;padding:20px;overflow-y:auto}.modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.form-group{margin-bottom:20px}.form-label{color:#333;margin-bottom:5px;font-weight:500;display:block}.form-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .3s}.form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.form-error{color:#dc3545;margin-top:5px;font-size:12px}.checkbox-group{align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{width:auto}.no-data{text-align:center;color:#666;padding:40px;font-style:italic}@media (max-width:768px){.user-admin-page{padding:15px}.user-controls{flex-direction:column;gap:10px}.search-form{min-width:100%}.filter-controls{justify-content:space-between;width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.users-table th,.users-table td{padding:8px 12px;font-size:13px}.user-actions{flex-direction:column;gap:5px}.modal{width:95%;margin:10px}.modal-footer{flex-direction:column}.modal-footer .btn{justify-content:center;width:100%}}