body:has(.login-page) .navbar-guest,body:has(.register-page) .navbar-guest,body:has(.login-page) .footer-guest,body:has(.register-page) .footer-guest{display:none}.login-page,.register-page{height:100vh;min-height:100vh;max-height:100vh;background:radial-gradient(circle at 20% 30%,rgba(168,217,154,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,233,189,.08) 0%,transparent 50%),linear-gradient(135deg,#ffffff 0%,var(--bg-light) 100%);padding:0;position:relative;overflow:hidden;animation:fadeIn .6s ease-out;display:flex;align-items:center;justify-content:center}.login-page:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(132,195,115,.06) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite;z-index:0}.login-page:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(168,217,154,.05) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse;z-index:0}.login-page:before,.register-page:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(132,195,115,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.login-page:after,.register-page:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(168,217,154,.06) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}.login-page .container,.login-page .container-fluid,.register-page .container{height:100%;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;padding:0}.login-page .container-fluid{padding:0}.login-card,.register-card{background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0;overflow:visible;box-shadow:none;border:none;position:relative;z-index:1;animation:slideUp .8s ease-out;width:100%;height:100%;display:flex;flex-direction:row}.login-card{flex-direction:row;border-radius:0;max-width:100%;max-height:100vh}.login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none;z-index:0}.register-card{flex-direction:column;max-width:600px;max-height:95vh}.login-card:before,.register-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.login-left,.register-left{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:local;position:relative;overflow:hidden;width:50%;flex:0 0 50%;min-height:100vh}.login-left:before,.register-left:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#84c373bf,#5a8a4dd9,#6ba85acc);z-index:1}.login-left:after,.register-left:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%);z-index:1;pointer-events:none}.login-left>div,.register-left>div{position:relative;z-index:2;background:#00000059;padding:3rem;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:2px 2px 4px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:500px;margin:0 auto}.login-left>div h2,.register-left>div h2{text-shadow:2px 2px 8px rgba(0,0,0,.8);color:#fff!important;font-size:2.75rem;line-height:1.2;margin-bottom:1rem!important}.login-left>div p,.register-left>div p{text-shadow:1px 1px 4px rgba(0,0,0,.7);color:#fffffffa!important;font-size:1.15rem;line-height:1.6}.login-left>div small,.register-left>div small{text-shadow:1px 1px 3px rgba(0,0,0,.6);color:#fffffff2!important;font-size:.9rem;font-weight:600;letter-spacing:.5px}.login-feature-icon,.register-feature-icon{width:80px;height:80px;background:#ffffff40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;display:inline-flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.login-feature-icon:before,.register-feature-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#84c3734d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-feature-icon i,.register-feature-icon i{color:var(--primary-green);font-size:2rem;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.login-feature-icon:hover,.register-feature-icon:hover{background:#ffffff59;transform:translateY(-8px) scale(1.1) rotate(5deg);box-shadow:0 12px 30px #0000004d;border-color:#ffffff80}.login-feature-icon:hover:before,.register-feature-icon:hover:before{width:120px;height:120px}.login-feature-icon:hover i,.register-feature-icon:hover i{color:var(--primary-dark);transform:scale(1.1)}.login-form-title,.register-form-title{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:2.25rem;letter-spacing:-.5px;margin-bottom:.5rem;position:relative}.login-form-title:after,.register-form-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary-gradient);border-radius:2px}.login-form-label,.register-form-label{color:var(--text-dark);font-weight:600;font-size:.95rem;margin-bottom:.5rem}.login-input-group,.register-input-group{position:relative}.login-input-group .input-group-text,.register-input-group .input-group-text{background:var(--primary-lightest);border:2px solid transparent;border-right:none;color:var(--primary-dark);transition:all .3s ease}.login-input-group .form-control,.register-input-group .form-control{border:2px solid #e9ecef;border-left:none;padding:.875rem 1.25rem;transition:all .3s ease;background:#fff;border-radius:0 12px 12px 0;font-size:.95rem}.login-input-group .form-control:focus,.register-input-group .form-control:focus{border-color:var(--primary-green);box-shadow:0 0 0 .2rem #84c37326,0 2px 8px #84c3731a;background:#fff;transform:translateY(-1px)}.login-input-group:focus-within .input-group-text,.register-input-group:focus-within .input-group-text{background:var(--primary-lighter);border-color:var(--primary-green);color:var(--primary-dark);transform:translateY(-1px)}.login-input-group .input-group-text,.register-input-group .input-group-text{border-radius:12px 0 0 12px}.login-btn,.register-btn{background:var(--primary-gradient);border:none;padding:1rem 2.5rem;font-weight:700;letter-spacing:.5px;border-radius:14px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #84c37366,0 2px 8px #84c37333;font-size:1.05rem}.login-btn:before,.register-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-btn:hover:before,.register-btn:hover:before{width:300px;height:300px}.login-btn:hover,.register-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #84c37380,0 4px 12px #84c3734d}.login-btn:active,.register-btn:active{transform:translateY(-1px)}.login-btn span,.register-btn span{position:relative;z-index:1}.login-link,.register-link{color:var(--primary-green);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;padding:.25rem 0}.login-link:after,.register-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease;border-radius:1px}.login-link:hover,.register-link:hover{color:var(--primary-dark);transform:translate(2px)}.login-link:hover:after,.register-link:hover:after{width:100%}.form-check-input{width:1.15rem;height:1.15rem;border:2px solid #dee2e6;transition:all .3s ease;cursor:pointer}.form-check-input:checked{background-color:var(--primary-green);border-color:var(--primary-green);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 .25rem #84c37340}.form-check-input:hover{border-color:var(--primary-green);transform:scale(1.1)}.form-check-label{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease}.form-check-label:hover{color:var(--text-dark)!important}.register-page .container{max-width:600px}.register-card>div{height:100%;display:flex;flex-direction:column;overflow-y:auto;max-height:90vh}.login-card.col-lg-6,.login-card.col-md-6{display:flex;flex-direction:column;height:100%;overflow-y:auto;width:50%;flex:0 0 50%}.row.login-card .col-lg-6,.row.login-card .col-md-6{display:flex!important;flex-direction:column;height:100%;overflow-y:auto;position:relative;visibility:visible!important;opacity:1!important}.row.login-card .col-lg-6:last-child,.row.login-card .col-md-6:last-child{background:#fff!important;width:50%!important;flex:0 0 50%!important;display:flex!important;visibility:visible!important}.row.login-card .col-lg-6:first-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(132,195,115,.2),transparent);z-index:3}.login-form-card,.register-form-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:3.5rem;box-shadow:0 20px 60px #84c37326,0 8px 25px #00000014,inset 0 1px #ffffffe6;border:1px solid rgba(132,195,115,.2);max-width:520px;margin:0 auto;width:100%;position:relative;overflow:hidden;animation:slideInRight .8s ease-out}@media(max-width:576px){.login-form-card,.register-form-card{padding:2.5rem 2rem}}.login-form-card:before,.register-form-card:before{display:none}.login-form-card:after,.register-form-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(132,195,115,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.login-form-card>*,.register-form-card>*{position:relative;z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.animate-fade-in{animation:fadeInUp .8s ease-out}.animate-fade-in-delay{animation:fadeInUp .8s ease-out .2s both}.animate-fade-in-delay-2{animation:fadeInUp .8s ease-out .4s both}.animate-fade-in-delay-3{animation:fadeInUp .8s ease-out .6s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991px){.login-left,.register-left,.login-card .col-lg-6:first-child{display:none!important}.row.login-card .col-lg-6:last-child,.row.login-card .col-md-6:last-child{width:100%!important;flex:0 0 100%!important}.login-card,.register-card{border-radius:0;height:100%;max-height:100vh;flex-direction:column!important}.login-page .container-fluid{padding:0}.login-page .col-lg-6,.register-page .col-lg-5{padding:2rem!important;width:100%!important;flex:0 0 100%!important}.login-form-card,.register-form-card{max-width:100%;padding:2rem}.register-right{padding:2rem 1.5rem 1.5rem!important;width:100%!important;justify-content:flex-start!important}.register-role-selection{padding:0!important}.role-selection-container .row{flex-direction:column!important;gap:1rem!important}.role-selection-container .col-md-6{width:100%!important;flex:0 0 100%!important;margin-bottom:0!important}.role-select-card{min-height:240px;padding:1.5rem 1rem!important;width:100%!important}.role-icon-wrapper{width:70px;height:70px}.role-select-card i{font-size:2rem}}@media(max-width:768px){.login-page,.register-page{height:100vh;min-height:100vh}.login-card,.register-card{border-radius:0;max-height:100vh;height:100%;flex-direction:column!important}.login-page .container-fluid,.register-page .container{padding:0;height:100%}.login-page .col-lg-6,.login-page .col-md-6,.register-page .col-lg-5{padding:1.5rem!important;width:100%!important;flex:0 0 100%!important}.login-form-card,.register-form-card{max-width:100%;padding:1.5rem}.register-card>div{padding:1.5rem!important}.register-right{padding:1rem!important;width:100%!important}.register-role-selection{padding:0!important}.register-role-selection h2.login-form-title{font-size:1.75rem!important;margin-bottom:.5rem!important}.register-role-selection p.text-muted{font-size:.9rem!important;margin-bottom:1.5rem!important}.role-selection-container{max-width:100%}.role-selection-container .row{flex-direction:column;gap:1rem!important}.role-selection-container .col-12,.role-selection-container .col-md-6{width:100%!important;flex:0 0 100%!important;margin-bottom:0!important}.role-select-card{min-height:200px;padding:1.5rem 1rem!important;width:100%!important}.role-icon-wrapper{width:60px;height:60px}.role-select-card i{font-size:1.75rem}.role-select-card h4{font-size:1.25rem;margin-top:1rem!important}.role-select-card p{font-size:.85rem!important}.role-features{margin-top:1rem!important}.role-features small{font-size:.8rem!important;margin-bottom:.5rem!important}}@media(max-width:576px){.login-form-title,.register-form-title{font-size:1.5rem!important}.login-card,.register-card{border-radius:0;margin:0;height:100%;max-height:100vh;flex-direction:column!important}.login-page .container-fluid,.register-page .container{padding:0}.login-page .col-lg-6,.login-page .col-md-6,.register-page .col-lg-5{padding:1rem!important;width:100%!important;flex:0 0 100%!important}.login-form-card,.register-form-card{max-width:100%;padding:1rem;border-radius:16px}.register-card>div{padding:1rem!important}.register-right{padding:1rem!important;width:100%!important}.register-role-selection{padding:0!important}.register-role-selection h2.login-form-title{font-size:1.5rem!important;margin-bottom:.5rem!important}.register-role-selection p.text-muted{font-size:.85rem!important;margin-bottom:1.5rem!important}.role-selection-container .row{flex-direction:column;gap:.75rem!important}.role-select-card{min-height:180px;padding:1.25rem .75rem!important}.role-icon-wrapper{width:50px;height:50px}.role-select-card i{font-size:1.5rem}.role-select-card h4{font-size:1.1rem;margin-top:.75rem!important}.role-select-card p{font-size:.8rem!important;margin-bottom:.5rem!important}.role-features{margin-top:.75rem!important}.role-features small{font-size:.75rem!important;margin-bottom:.25rem!important}.register-role-selection .text-center.mt-4{margin-top:1.5rem!important;font-size:.85rem!important}}.register-right{position:relative;overflow-y:auto;overflow-x:hidden;width:100%;z-index:10;background:#fff!important;min-height:100vh;display:flex!important;flex-direction:column;justify-content:center;padding:2rem!important}.register-right>*{position:relative;z-index:10;background:transparent;width:100%;flex-shrink:0;min-height:200px}.register-right #roleSelection{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:400px!important}.register-role-selection{width:100%!important;max-width:100%!important;transition:opacity .3s ease,transform .3s ease,visibility .3s ease,height .3s ease!important;opacity:1!important;transform:translateY(0)!important;display:block!important;visibility:visible!important;position:relative!important;z-index:10!important;min-height:auto!important;margin:0!important;padding:0!important;color:#333!important;height:auto!important;overflow:visible!important}.register-role-selection.hidden,.register-role-selection[style*="display: none"],.register-right:has(.register-form-container.show) .register-role-selection,.register-right:has(.register-form-container[style*="display: block"]) .register-role-selection{opacity:0!important;transform:translateY(-20px)!important;visibility:hidden!important;height:0!important;overflow:hidden!important;display:none!important;margin:0!important;padding:0!important;min-height:0!important;max-height:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.register-form-container.show~.register-role-selection,.register-form-container[style*="display: block"]~.register-role-selection,.register-right:has(.register-form-container.show) .register-role-selection,.register-right:has(.register-form-container[style*="display: block"]) .register-role-selection{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;min-height:0!important;max-height:0!important;pointer-events:none!important}.register-form-container.show~.register-role-selection,.register-form-container[style*="display: block"]~.register-role-selection,.register-right:has(.register-form-container.show) .register-role-selection,.register-right:has(.register-form-container[style*="display: block"]) .register-role-selection{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;min-height:0!important;max-height:0!important}.register-role-selection *{color:inherit}.register-role-selection .login-form-title{color:#84c373!important;-webkit-text-fill-color:#84c373!important;background:none!important}.register-role-selection .text-muted{color:#6c757d!important}.register-role-selection .role-select-card{background:#fff!important;color:#333!important}.register-role-selection .role-select-card h4{color:#333!important}.register-role-selection .role-select-card p,.register-role-selection .role-select-card small{color:#6c757d!important}.register-form-container{width:100%;max-width:100%;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;opacity:0;transform:translateY(20px);visibility:hidden;display:none}.register-form-container.show{display:block;opacity:1;transform:translateY(0);visibility:visible}.register-form-container .login-form-card{width:100%;max-width:100%}.back-to-role-btn{color:#6c757d;text-decoration:none;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.back-to-role-btn:hover{color:#84c373;background-color:#84c3731a;transform:translate(-3px)}.role-selection-container{width:100%;max-width:100%;margin:0 auto;display:block!important;visibility:visible!important;opacity:1!important}.role-selection-container .row{display:flex!important;visibility:visible!important;opacity:1!important}.role-selection-container .col-12,.role-selection-container .col-md-6{display:block!important;visibility:visible!important;opacity:1!important}.role-select-card{border:2px solid #e9ecef!important;transition:all .3s ease;cursor:pointer;height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border-radius:16px!important;padding:2rem 1.5rem!important;min-height:280px;position:relative;overflow:visible!important;background:#fff!important;color:#333!important;visibility:visible!important;opacity:1!important}.role-select-card h4{color:#333!important}.role-select-card p,.role-select-card small{color:#6c757d!important}.role-select-card i{color:#84c373!important}.role-select-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#84c373,#6ba85a);transform:scaleX(0);transition:transform .3s ease}.role-select-card:hover{border-color:#84c373!important;background-color:#84c3730d!important;transform:translateY(-5px);box-shadow:0 8px 25px #84c37333}.role-select-card:hover:before{transform:scaleX(1)}.btn-check:checked+.role-select-card{border-color:#84c373!important;background:linear-gradient(135deg,#84c3731a,#6ba85a0d)!important;color:#84c373!important;box-shadow:0 8px 25px #84c3734d;transform:translateY(-5px)}.btn-check:checked+.role-select-card:before{transform:scaleX(1)}.role-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#84c3731a,#6ba85a1a);display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-bottom:1rem}.role-select-card i{font-size:2.5rem;color:#6c757d;transition:all .3s ease}.role-select-card:hover .role-icon-wrapper,.btn-check:checked+.role-select-card .role-icon-wrapper{background:linear-gradient(135deg,#84c373,#6ba85a);transform:scale(1.1)}.role-select-card:hover i,.btn-check:checked+.role-select-card i{color:#fff;transform:scale(1.1)}.role-features{text-align:left;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.role-features small{display:block;margin-bottom:.5rem;font-size:.875rem}.btn-check:checked+.role-select-card .role-features small{color:#495057}#clientFields{transition:all .3s ease;opacity:0;transform:translateY(-10px)}.otp-input-group{position:relative}.otp-input{font-size:32px!important;font-weight:700!important;letter-spacing:8px;font-family:Courier New,monospace;border:2px solid #e9ecef;transition:all .3s ease}.otp-input:focus{border-color:#84c373;box-shadow:0 0 0 .2rem #84c37340}.otp-input::placeholder{letter-spacing:4px;color:#adb5bd}