@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");.auth-body{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding:20px;background:transparent}.form-h1{font-weight:700;margin:0 0 15px;font-size:28px}.form-p{font-size:15px;font-weight:300;line-height:24px;letter-spacing:.5px;margin:20px 0 30px}.form-span{font-size:13px;color:#666}.form-a{color:hsl(var(--primary));font-size:14px;text-decoration:none;margin:15px 0;transition:color .3s ease}.form-a:hover{text-decoration:underline}.form-button{border-radius:25px;border:none;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:13px;font-weight:600;padding:14px 50px;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px hsla(var(--primary),.4)}.form-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsla(var(--primary),.6)}.form-button:active{transform:translateY(0)}.form-button:focus{outline:none}.transparent-btn{background:transparent;border:2px solid #ffffff;box-shadow:none}.transparent-btn:hover{background:rgba(255,255,255,.1)}form{background-color:hsl(var(--card));display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}input{background-color:#f3f4f6;border:2px solid transparent;border-radius:12px;padding:14px 18px;margin:8px 0;width:100%;font-size:14px;transition:all .3s ease}input:focus{outline:none;border-color:hsl(var(--primary));background-color:#fff;box-shadow:0 0 0 3px hsla(var(--primary),.1)}.auth-wrapper{background-color:hsl(var(--card));border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;overflow:hidden;width:90vw;max-width:850px;min-height:580px}.auth-form-box{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.login-form-box{left:0;width:50%;z-index:2}.auth-wrapper.panel-active .login-form-box{transform:translateX(100%)}.register-form-box{left:0;width:50%;opacity:0;z-index:1}.auth-wrapper.panel-active .register-form-box{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translateX(-100%)}.slide-panel{background:linear-gradient(135deg,#4a546e,#9a7a73);background-size:cover;background-position:50%;color:#FFFFFF;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.auth-wrapper.panel-active .slide-panel{transform:translateX(50%)}.panel-content{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.panel-content-left{transform:translateX(-20%)}.auth-wrapper.panel-active .panel-content-left,.panel-content-right{transform:translateX(0)}.panel-content-right{right:0}.auth-wrapper.panel-active .panel-content-right{transform:translateX(20%)}.role-selection-form{padding:20px 40px;justify-content:center;display:flex;flex-direction:column;height:100%}.form-header{margin-bottom:24px}.role-groups-container{width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;flex-grow:1}.role-group-title{font-size:.9rem;font-weight:600;text-align:left;margin-bottom:8px;color:hsl(var(--card-foreground))}.role-grid{display:grid;gap:.75rem}.role-grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:.7rem;border-radius:10px;border:1px solid hsl(var(--border));background-color:hsl(var(--card));cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;opacity:0;animation:fadeInUp .5s ease-out forwards;min-height:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px -5px hsla(var(--primary),.15);border-color:hsl(var(--primary))}.role-card.restricted{cursor:not-allowed;background-color:hsl(var(--muted)/.5)}.role-card.restricted:hover{transform:none;box-shadow:none;border-color:hsl(var(--border))}.role-card-header{display:flex;align-items:center;gap:8px}.role-icon-wrapper{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.role-card:hover .role-icon-wrapper{transform:scale(1.1)}.role-icon{width:14px;height:14px}.role-badge-restricted{font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:9999px;margin-top:8px;width:fit-content}@media (max-width:768px){.auth-body{padding-top:4rem;perspective:1000px}.auth-wrapper{width:100%;height:auto;min-height:auto;border-radius:0;box-shadow:none;background:transparent;perspective:none}.auth-form-container{position:relative;width:100%;max-width:400px;height:520px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.68,-.55,.27,1.55)}.auth-form-container.flipped{transform:rotateY(180deg)}.auth-form-box{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:hsla(var(--card)/.8);backdrop-filter:blur(10px);border-radius:20px;border:1px solid hsla(var(--accent),.25);box-shadow:0 15px 50px rgba(0,0,0,.3);padding:20px}.auth-form-box:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,transparent,hsla(var(--accent),.9),transparent);filter:blur(15px);opacity:.8;animation:glowMove 3s linear infinite;z-index:-1}@keyframes glowMove{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.login-form-box{z-index:2;transform:rotateY(0deg);width:100%}.register-form-box{z-index:1;transform:rotateY(180deg);width:100%;opacity:1}.auth-wrapper.panel-active .login-form-box{transform:none}.auth-wrapper.panel-active .register-form-box{transform:rotateY(180deg);opacity:1;z-index:1;animation:none}.slide-panel-wrapper{display:none}.form-header{margin-bottom:.5rem}form{padding:0 25px;background:transparent}.role-selection-form{padding:10px 15px}.role-groups-container{gap:8px}.role-group-title{font-size:.8rem;margin-bottom:6px}.role-card{padding:.5rem;min-height:50px}.role-selection-form .form-p{margin:10px 0 0}.role-grid.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}