.vx-add-role-modal-overlay{background:var(--vx-bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:var(--vx-z-modal);padding:var(--vx-space-4);justify-content:center;align-items:center;animation:.2s ease-out vx-fadeIn;display:flex;position:fixed;inset:0}.vx-add-role-modal{background:var(--vx-gradient-surface-warm);border-radius:var(--vx-radius-2xl);box-shadow:var(--vx-shadow-xl);border:1px solid #0000000f;width:100%;max-width:500px;animation:.25s ease-out vx-scaleIn;overflow:hidden}@keyframes vx-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vx-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vx-add-role-modal__header{padding:var(--vx-space-6) var(--vx-space-6) var(--vx-space-4);justify-content:space-between;align-items:center;display:flex}.vx-add-role-modal__title{font-size:var(--vx-font-xl);color:var(--vx-gray-900);margin:0;font-weight:700}.vx-add-role-modal__close{background:var(--vx-gray-100);border-radius:var(--vx-radius-full);width:36px;height:36px;color:var(--vx-gray-500);cursor:pointer;transition:all var(--vx-transition-fast);border:none;justify-content:center;align-items:center;display:flex}.vx-add-role-modal__close:hover{background:var(--vx-primary-muted);color:var(--vx-primary-dark)}.vx-add-role-modal__body{padding:0 var(--vx-space-6) var(--vx-space-6)}.vx-add-role-modal__description{color:var(--vx-gray-600);font-size:var(--vx-font-sm);margin:0 0 var(--vx-space-4)}.vx-add-role-modal__empty{color:var(--vx-gray-500);font-size:var(--vx-font-base);text-align:center;padding:var(--vx-space-6) 0}.vx-add-role-modal__options{gap:var(--vx-space-3);flex-direction:column;display:flex}.vx-add-role-modal__option{align-items:center;gap:var(--vx-space-4);padding:var(--vx-space-4);background:var(--vx-surface);border:2px solid var(--vx-gray-200);border-radius:var(--vx-radius-lg);cursor:pointer;transition:all var(--vx-transition-fast);text-align:left;display:flex}.vx-add-role-modal__option:hover:not(:disabled){border-color:var(--vx-gray-300);box-shadow:var(--vx-shadow-sm)}.vx-add-role-modal__option:focus{border-color:var(--vx-primary);box-shadow:0 0 0 3px var(--vx-primary-muted);outline:none}.vx-add-role-modal__option--selected{border-color:var(--vx-primary);background:var(--vx-primary-muted)}.vx-add-role-modal__option--selected:hover{border-color:var(--vx-primary)}.vx-add-role-modal__option:disabled{opacity:.6;cursor:not-allowed}.vx-add-role-modal__option-icon{flex-shrink:0;font-size:2rem;line-height:1}.vx-add-role-modal__option-content{flex-direction:column;flex:1;gap:4px;display:flex}.vx-add-role-modal__option-label{font-size:var(--vx-font-base);color:var(--vx-gray-900);font-weight:600}.vx-add-role-modal__option-description{font-size:var(--vx-font-sm);color:var(--vx-gray-500)}.vx-add-role-modal__option-check{width:24px;height:24px;color:var(--vx-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vx-add-role-modal__footer{justify-content:flex-end;gap:var(--vx-space-3);padding:var(--vx-space-4) var(--vx-space-6);border-top:1px solid var(--vx-gray-100);background:var(--vx-gray-50);display:flex}.vx-add-role-modal__btn{justify-content:center;align-items:center;gap:var(--vx-space-2);padding:var(--vx-space-3) var(--vx-space-5);font-size:var(--vx-font-sm);border-radius:var(--vx-radius-lg);cursor:pointer;transition:all var(--vx-transition-fast);border:none;font-weight:600;display:inline-flex}.vx-add-role-modal__btn:disabled{opacity:.6;cursor:not-allowed}.vx-add-role-modal__btn--cancel{background:var(--vx-surface);color:var(--vx-gray-700);border:1px solid var(--vx-gray-300)}.vx-add-role-modal__btn--cancel:hover:not(:disabled){background:var(--vx-gray-100)}.vx-add-role-modal__btn--confirm{background:var(--vx-gradient-primary);color:var(--vx-white)}.vx-add-role-modal__btn--confirm:hover:not(:disabled){opacity:.9;box-shadow:var(--vx-shadow-glow-soft)}.vx-add-role-modal__spinner{background:conic-gradient(#0000 0deg 210deg,currentColor 360deg);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite vx-spinner;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}@keyframes vx-spinner{to{transform:rotate(360deg)}}@media (max-width:480px){.vx-add-role-modal{max-width:100%;margin:0 var(--vx-space-4)}.vx-add-role-modal__header,.vx-add-role-modal__body,.vx-add-role-modal__footer{padding-left:var(--vx-space-4);padding-right:var(--vx-space-4)}.vx-add-role-modal__option{padding:var(--vx-space-3)}.vx-add-role-modal__option-icon{font-size:1.5rem}}
.vx-role-switcher{display:inline-flex;position:relative}.vx-role-switcher__trigger{align-items:center;gap:var(--vx-space-2);padding:var(--vx-space-2) var(--vx-space-3);background:var(--vx-gradient-surface);border:2px solid var(--vx-gray-200);border-radius:var(--vx-radius-full);font-size:var(--vx-font-sm);color:var(--vx-gray-700);cursor:pointer;transition:all var(--vx-transition-fast);font-weight:500;display:inline-flex}.vx-role-switcher__trigger:hover:not(:disabled){border-color:var(--vx-gray-300);box-shadow:var(--vx-shadow-sm)}.vx-role-switcher__trigger:focus{border-color:var(--vx-primary);box-shadow:0 0 0 3px var(--vx-primary-muted), var(--vx-shadow-glow-soft);outline:none}.vx-role-switcher__trigger:disabled{opacity:.6;cursor:not-allowed}.vx-role-switcher__icon{font-size:1rem;line-height:1}.vx-role-switcher__label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.vx-role-switcher__chevron{color:var(--vx-gray-400);transition:transform var(--vx-transition-fast);display:flex}.vx-role-switcher__chevron--up{transform:rotate(180deg)}.vx-role-switcher__dropdown{top:calc(100% + var(--vx-space-2));background:var(--vx-surface);border:1px solid var(--vx-gray-200);border-radius:var(--vx-radius-lg);min-width:200px;box-shadow:var(--vx-shadow-lg);z-index:1000;animation:.15s ease-out vx-role-switcher-fade-in;position:absolute;right:0;overflow:hidden}@keyframes vx-role-switcher-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vx-role-switcher__dropdown-header{padding:var(--vx-space-2) var(--vx-space-3);font-size:var(--vx-font-xs);color:var(--vx-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--vx-gray-100);font-weight:600}.vx-role-switcher__option{align-items:center;gap:var(--vx-space-2);width:100%;padding:var(--vx-space-3);font-size:var(--vx-font-sm);color:var(--vx-gray-700);cursor:pointer;text-align:left;transition:background-color var(--vx-transition-fast);background:0 0;border:none;display:flex}.vx-role-switcher__option:hover:not(:disabled){background:var(--vx-gray-50)}.vx-role-switcher__option:focus{background:var(--vx-gray-100);outline:none}.vx-role-switcher__option:disabled{opacity:.6;cursor:not-allowed}.vx-role-switcher__option--active{background:var(--vx-primary-muted);color:var(--vx-primary);font-weight:600}.vx-role-switcher__option--active:hover{background:var(--vx-primary-muted)}.vx-role-switcher__option-icon{font-size:1rem;line-height:1}.vx-role-switcher__option-label{flex:1}.vx-role-switcher__option-check{color:var(--vx-primary);display:flex}.vx-role-switcher--compact .vx-role-switcher__trigger{padding:var(--vx-space-1) var(--vx-space-2);font-size:var(--vx-font-xs)}.vx-role-switcher--compact .vx-role-switcher__icon{font-size:.875rem}.vx-role-switcher--compact .vx-role-switcher__label{max-width:80px}.vx-role-switcher--dark .vx-role-switcher__trigger{color:var(--vx-white);background:#ffffff1a;border-color:#fff3}.vx-role-switcher--dark .vx-role-switcher__trigger:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.vx-role-switcher--dark .vx-role-switcher__chevron{color:#fff9}@media (max-width:640px){.vx-role-switcher__label{display:none}.vx-role-switcher__trigger{padding:var(--vx-space-2)}.vx-role-switcher__dropdown{left:50%;right:auto;transform:translate(-50%)}}.vx-role-switcher__option-content{flex-direction:column;flex:1;gap:2px;display:flex}.vx-role-switcher__option-status{font-size:var(--vx-font-xs);color:var(--vx-warning);font-weight:500}.vx-role-switcher__option--incomplete{opacity:.8}.vx-role-switcher__option--incomplete .vx-role-switcher__option-icon{opacity:.7}.vx-role-switcher__divider{background:var(--vx-gray-200);height:1px;margin:var(--vx-space-2) 0}.vx-role-switcher__option--add{color:var(--vx-primary);font-weight:500}.vx-role-switcher__option--add:hover:not(:disabled){background:var(--vx-primary-muted)}.vx-role-switcher__option--add .vx-role-switcher__option-icon{font-size:.875rem}