.user-management-container{max-width:1400px;margin:0 auto;padding:24px;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.header-actions{display:flex;align-items:center;gap:12px}.refresh-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-main);cursor:pointer;transition:all .2s;font-weight:500}.add-user-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary);border:none;border-radius:var(--radius-card);font-size:14px;font-weight:600;color:var(--text-white);cursor:pointer;transition:all var(--transition-default)}.add-user-button:hover{background-color:var(--primary-dark)}.refresh-button:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.refresh-button svg,.add-user-button svg{flex-shrink:0}.header{flex:1;margin-bottom:0}.title{font-size:28px;font-weight:600;color:var(--text-main);margin:0 0 6px}.subtitle{font-size:15px;color:var(--text-muted);margin:0}.summary-cards{display:flex;gap:20px;margin-bottom:24px}.summary-card{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card)}.summary-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;flex-shrink:0}.summary-card-permissions .summary-card-icon{background-color:var(--success-bg);color:var(--success)}.summary-card-roles .summary-card-icon,.summary-card-users .summary-card-icon{background-color:var(--info-bg);color:var(--info)}.summary-card-content{display:flex;flex-direction:column;gap:4px}.summary-card-label{font-size:14px;color:var(--text-muted)}.summary-card-value{font-size:24px;font-weight:700;color:var(--text-main)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:24px}.tab{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:15px;color:var(--text-muted);transition:background-color .2s,color .2s}.tab:hover{color:var(--text-main)}.tab.active{background-color:var(--bg-active);color:var(--text-main);font-weight:500}.action-bar{margin-bottom:16px}.search-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-bar-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;padding:10px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background-color:var(--card-bg);color:var(--text-main)}.filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;min-width:120px;background-color:var(--card-bg);color:var(--text-main)}.table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--bg-hover)}.users-table th{padding:16px;text-align:right;font-weight:600;color:var(--text-main);border-bottom:2px solid var(--border-color)}.users-table td{padding:16px;border-bottom:1px solid var(--border-color)}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.info-message{text-align:center;padding:48px 24px;color:var(--text-muted);line-height:1.7;white-space:pre-line}.permissions-tab .info-message{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px}.modal-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal,.modal-content{background:var(--card-bg);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-card);border:none}.modal.large{max-width:900px}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.close-button,.modal-close-button{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;line-height:1;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-button:hover,.modal-close-button:hover{color:var(--text-main);background-color:var(--bg-hover)}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-main);font-size:14px}.required-asterisk{color:var(--danger);margin-inline-start:4px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;color:var(--text-main);background-color:var(--card-bg);transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--text-main);box-shadow:var(--shadow-focus)}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-muted)}.form-group input:disabled,.form-group select:disabled{background-color:var(--bg-hover);cursor:not-allowed}.checkbox-group{margin-top:4px}.checkbox-group label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:var(--primary)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;gap:12px;align-items:center}.role-modal-footer{justify-content:flex-end}.cancel-button{padding:10px 16px;background-color:var(--bg-hover);color:var(--text-main);border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.cancel-button:hover{background-color:var(--bg-active)}.save-button{padding:10px 16px;background-color:var(--primary);color:var(--text-white);border:none;border-radius:var(--radius-card);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-default);display:inline-flex;align-items:center;justify-content:center}.save-button:hover:not(:disabled){background-color:var(--primary-dark)}.save-button:disabled{opacity:.6;cursor:not-allowed}.permission-save-success-message{margin:0;padding:8px 0;color:var(--success);font-weight:500;font-size:15px}.permission-save-error-message{margin:0 0 12px;padding:8px 12px;color:var(--danger);background-color:var(--danger-bg);border:1px solid var(--danger);border-radius:4px;font-size:14px}.modal-footer-buttons{display:flex;justify-content:flex-end;gap:12px;width:100%}.permissions-matrix{padding:16px 0}.role-info{margin-bottom:24px;padding:12px 16px;background-color:var(--bg-hover);border-radius:4px;color:var(--text-main)}.resources-list{display:flex;flex-direction:column;gap:24px}.resource-section{border:1px solid var(--border-color);border-radius:6px;padding:16px}.resource-section h3{margin:0 0 16px;font-size:18px;color:var(--text-main)}.permissions-row{display:flex;flex-wrap:wrap;gap:16px}.permissions-row label{display:flex;align-items:center;gap:8px;cursor:pointer}.permissions-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.permissions-matrix-table-wrapper{margin-top:8px}.permissions-matrix-table{table-layout:fixed}.permissions-matrix-table .permissions-col-resource{width:28%;min-width:120px;font-weight:500}.permissions-matrix-table .permissions-col-action{width:18%;text-align:center;vertical-align:middle}.permissions-matrix-table .permissions-cell-empty{color:var(--text-muted)}.permissions-matrix-table .permissions-cell-checkbox{vertical-align:middle}.permissions-checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0}.permissions-matrix-table .permissions-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--danger)}.branch-auto-selected-hint{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.error{display:block;color:var(--danger);font-size:12px;margin-top:4px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:var(--success-bg);color:var(--success)}.status-badge.inactive{background-color:var(--danger-bg);color:var(--danger)}.action-button{padding:6px 12px;background-color:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.action-button:hover{background-color:var(--bg-active);border-color:var(--border-color)}.delete-role-button{background:none;border:none;padding:0;cursor:pointer;color:var(--danger);display:inline-flex;align-items:center;justify-content:center}.delete-role-button svg{width:18px;height:18px}.delete-role-button:hover{background:none;color:var(--danger-dark)}.role-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.role-actions .delete-role-button{margin-inline-start:auto}.save-button:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.6}.delete-button{padding:10px 16px;background-color:var(--danger);color:var(--text-white);border:none;border-radius:var(--radius-card);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-default);display:inline-flex;align-items:center;justify-content:center}.delete-button:hover{background-color:var(--danger-dark)}.api-error-message{background-color:var(--danger-bg);border:1px solid var(--danger);border-radius:6px;padding:12px 16px;margin-top:16px;color:var(--danger);font-size:14px;display:flex;align-items:center;gap:8px}.api-error-message span{flex:1}.delete-role-body{text-align:center}.delete-role-message{margin:0 0 16px;font-size:15px;color:var(--text-main)}.role-delete-error-message{text-align:center}.delete-role-footer{justify-content:flex-end}.add-user-modal{max-width:600px;width:100%;background:var(--card-bg);border-radius:16px;border:none;box-shadow:var(--shadow-card)}.add-user-form{display:flex;flex-direction:column;gap:20px}.add-user-form .form-group{display:flex;flex-direction:column;gap:8px}.add-user-form .form-group label{font-size:14px;font-weight:600;color:var(--text-main)}.add-user-form .form-group input,.add-user-form .form-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-family:inherit;color:var(--text-main);background-color:var(--card-bg);transition:all .2s}.add-user-form .form-group input::-moz-placeholder,.add-user-form .form-group select::-moz-placeholder{color:var(--text-muted)}.add-user-form .form-group input::placeholder,.add-user-form .form-group select::placeholder{color:var(--text-muted)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-left:40px;width:100%}.password-toggle-button{position:absolute;left:12px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .2s}.password-toggle-button:hover{color:var(--text-main);background-color:var(--bg-hover)}.password-toggle-button:focus{outline:none}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{outline:none;border-color:var(--text-main);box-shadow:var(--shadow-focus)}.add-user-form .form-group input.error,.add-user-form .form-group select.error{border-color:var(--error-border);box-shadow:0 0 0 3px var(--danger)}.add-user-form .form-group .error-message{font-size:13px;color:var(--error-border);margin-top:4px}.user-create-success-message{background-color:var(--success-light);color:var(--success-dark);padding:14px 18px;border-radius:var(--radius-input);text-align:center;font-weight:600;font-size:15px;border:2px solid var(--success-border);box-shadow:var(--shadow-card)}.user-create-error-message{background-color:var(--error-light);color:var(--error-dark);padding:12px 16px;border-radius:var(--radius-input);text-align:center;font-size:14px}.success-toast-message{background-color:var(--success-light);color:var(--success-dark);padding:16px 20px;border-radius:var(--radius-input);margin-bottom:16px;border:1px solid var(--success-border);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:15px;box-shadow:var(--shadow-card);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}