.login-unified-card{max-width:400px!important;padding:36px 36px 30px!important}.role-selector{display:flex;gap:12px;margin-bottom:22px}.role-card{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;border-radius:16px;border:2px solid #e4eae7;background:#f5f8f6;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .18s ease,box-shadow .25s ease;overflow:hidden;font-family:inherit;text-align:center;outline:none;-webkit-tap-highlight-color:transparent}.role-card:hover:not(.active){border-color:#b0c8bc;background:#edf4f0;transform:translateY(-2px)}.role-card:focus-visible{box-shadow:0 0 0 3px rgba(112,140,128,.35)}.role-card.active{border-color:var(--color-primary,var(--dz-color-primary));background:linear-gradient(145deg,#eef6f0,#ddeee5);transform:translateY(-2px);box-shadow:0 6px 20px rgba(112,140,128,.22)}#role-admin-btn.active{border-color:var(--dz-color-primary-accent);background:linear-gradient(145deg,#e8f4ee,#d0e8da);box-shadow:0 6px 20px rgba(30,80,56,.2)}.role-icon-wrap{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--dz-color-primary-muted,rgba(112,140,128,.12));color:var(--color-primary,var(--dz-color-primary));transition:background .25s ease,color .25s ease,transform .25s ease;margin-bottom:2px}.role-card.active .role-icon-wrap{background:rgba(112,140,128,.2);color:var(--dz-color-primary-accent);transform:scale(1.08)}#role-admin-btn.active .role-icon-wrap{background:rgba(30,80,56,.15);color:var(--dz-color-primary-accent)}.role-icon-svg{width:30px;height:30px}.role-label{font-size:.84rem;font-weight:700;color:#4a5e54;letter-spacing:.2px;line-height:1;transition:color .2s}.role-card.active .role-label{color:var(--dz-color-primary-accent)}.role-sublabel{font-size:.68rem;color:#9aada6;letter-spacing:.1px;line-height:1;transition:color .2s}.role-card.active .role-sublabel{color:#5a8a70}.role-active-pip{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--dz-color-primary);animation:pip-pop .25s cubic-bezier(.16,1,.3,1) both}#role-admin-btn .role-active-pip{background:var(--dz-color-primary-accent)}@keyframes pip-pop{0%{transform:translateX(-50%) scale(0);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.auth-form{animation:form-fade-in .2s ease}@keyframes form-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-role-title{margin-bottom:18px!important}.login-admin-note{display:flex;align-items:center;gap:6px;font-size:.77rem;color:#8a9e97;background:#f2f7f5;border:1px solid #dde9e4;border-radius:8px;padding:8px 12px;margin:-2px 0 0;line-height:1.4}@media (max-width:480px){.role-selector{gap:8px}.role-card{padding:14px 6px 12px;border-radius:12px}.role-icon-wrap{width:40px;height:40px;border-radius:11px}.role-icon-svg{width:26px;height:26px}.role-label{font-size:.78rem}.role-sublabel{font-size:.63rem}.login-unified-card{padding:28px 18px 24px!important}}.auth-back-to-home-btn{position:absolute;top:24px;right:28px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--dz-color-border);border-radius:50%;background:#fff;color:var(--color-charcoal,var(--dz-color-charcoal));cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .15s,background .2s,border-color .2s;z-index:20}.auth-back-to-home-btn:hover{background:#f8fafc;border-color:var(--color-primary,var(--dz-color-primary));color:var(--color-primary,var(--dz-color-primary));transform:translateX(-2px)}