.kelava-role-modal-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:rgba(15,23,42,.68);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.kelava-role-modal-backdrop.is-open{opacity:1;visibility:visible}.kelava-role-modal{position:relative;width:min(100%,38rem);max-height:90vh;overflow:auto;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2rem;background:#fff;color:#1e293b;box-shadow:0 24px 70px rgba(15,23,42,.28);transform:translateY(12px) scale(.98);transition:transform .2s ease}.is-open .kelava-role-modal{transform:translateY(0) scale(1)}.kelava-role-modal-close{position:absolute;top:1rem;left:1rem;width:2.25rem;height:2.25rem;border:0;border-radius:.7rem;background:#f1f5f9;color:#64748b;cursor:pointer}.kelava-role-modal-brand{display:grid;place-items:center}.kelava-role-modal-brand img{width:3.5rem;height:3.5rem;object-fit:contain}.kelava-role-modal h2{margin:1rem 0 .35rem;text-align:center;font-size:1.35rem;font-weight:900}.kelava-role-modal-subtitle{margin:0 0 1.25rem;text-align:center;color:#64748b;font-size:.82rem}.kelava-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.kelava-role-card{display:flex;min-height:7.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;color:#1e293b;text-align:center;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.kelava-role-card:hover{transform:translateY(-2px);border-color:#0d6e6e;background:#f0fdfa}.kelava-role-icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.85rem;background:#e6f2f2;color:#0d6e6e;font-size:1.25rem}.dark .kelava-role-modal,.dark-mode .kelava-role-modal{border-color:#334155;background:#1e293b;color:#f1f5f9}.dark .kelava-role-modal-subtitle,.dark-mode .kelava-role-modal-subtitle{color:#94a3b8}.dark .kelava-role-modal-close,.dark-mode .kelava-role-modal-close{background:#334155;color:#cbd5e1}.dark .kelava-role-card,.dark-mode .kelava-role-card{border-color:#475569;color:#f1f5f9}.dark .kelava-role-card:hover,.dark-mode .kelava-role-card:hover{border-color:#2dd4bf;background:#173a38}.dark .kelava-role-icon,.dark-mode .kelava-role-icon{background:rgba(45,212,191,.14);color:#5eead4}@media(max-width:560px){.kelava-role-modal{padding:1.5rem}.kelava-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}