.role-picker-popup{border-radius:16px!important;padding:1.5rem!important}.role-selector-container{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px;padding:10px 0}.role-card{align-items:center;background:#fff;border:2px solid #f3f4f6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-card:hover{background:#f8fafc;border-color:#004b87;box-shadow:0 12px 20px -5px #004b8726,0 8px 10px -6px #004b871a;transform:translateY(-4px)}.role-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#004b87;display:flex;height:64px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:64px}.role-card:hover .role-icon{background:#004b87;color:#fff;transform:scale(1.1)}.role-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:8px}.role-description{color:#64748b;font-size:.875rem;line-height:1.5}@media (max-width:640px){.role-selector-container{grid-template-columns:1fr}.role-picker-popup{width:90%!important}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){button,nav a{align-items:center;display:flex;min-height:44px}}@media print{.scroll-to-top,footer,header{display:none!important}main{margin:0!important;padding:0!important}.container-mobile{max-width:none!important;padding:0!important}}