.user-management{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#333;margin:0}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.users-table td,.users-table th{padding:12px 15px;text-align:left}.users-table th{color:#555;font-size:14px;font-weight:600;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.users-table tbody tr:hover{background-color:#f9f9f9}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-super-admin{background-color:#8b0000;color:#fff}.badge-admin{background-color:#1976d2;color:#fff}.badge-viewer{background-color:#757575;color:#fff}.status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status.active{background-color:#4caf50;color:#fff}.status.inactive{background-color:#f44336;color:#fff}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.btn:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover{background-color:#616161}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover{background-color:#f57c00}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn-sm{font-size:12px;padding:6px 12px}.alert{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px 20px}.alert-error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.alert-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.loading{color:#666;font-size:18px;padding:40px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal h2{color:#333;margin-top:0}.form-group,.modal h2{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.form-group input[type=checkbox]{margin-right:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}@media (max-width:768px){.user-management{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.users-table td,.users-table th{font-size:12px;padding:8px 10px}.action-buttons{flex-direction:column}.modal{padding:20px}}
/*# sourceMappingURL=main.4b8b0abc.css.map*/