.login-container[data-v-2ea27a78]{min-height:100vh;width:100%;position:relative;background:url(/assets/images/login2.png) center/cover no-repeat;display:flex;justify-content:center;align-items:center}.login-container[data-v-2ea27a78]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;z-index:1}#particles-js[data-v-2ea27a78]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.login-form-container[data-v-2ea27a78]{position:relative;z-index:3;width:100%;max-width:450px;padding:2rem}.login-wrapper[data-v-2ea27a78]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:3rem;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2);transform:translateY(0);transition:all .3s ease}.login-wrapper[data-v-2ea27a78]:hover{transform:translateY(-1px);box-shadow:0 25px 50px #0006}.brand-section[data-v-2ea27a78]{text-align:center;margin-bottom:2.5rem}.brand-section .brand-icon[data-v-2ea27a78]{background:linear-gradient(135deg,#00bb31,#004d25);width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 30px #00bb314d;transform:translateY(0);transition:all .3s ease}.brand-section .brand-icon[data-v-2ea27a78]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #00bb3166}.brand-section .brand-icon[data-v-2ea27a78] .q-icon{font-size:45px!important;color:#fff!important}.brand-section .brand-name[data-v-2ea27a78]{font-size:2.8rem;font-weight:700;color:#004d25;margin:1rem 0;text-transform:uppercase;letter-spacing:2px}.brand-section .brand-name span[data-v-2ea27a78]{background:linear-gradient(135deg,#00bb31,#004d25);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-form .input-group[data-v-2ea27a78]{margin-bottom:2rem}.login-form[data-v-2ea27a78] .q-field{margin-bottom:1.5rem}.login-form[data-v-2ea27a78] .q-field .q-field__control{height:60px;border-radius:15px;background:#ffffffe6;border:2px solid rgba(0,187,49,.1);transition:all .3s ease}.login-form[data-v-2ea27a78] .q-field .q-field__control:hover{border-color:#00bb314d;background:#fff}.login-form[data-v-2ea27a78] .q-field .q-field__control:focus-within{border-color:#00bb31;background:#fff;box-shadow:0 0 0 4px #00bb311a}.login-form[data-v-2ea27a78] .q-field .q-field__label{color:#004d25;font-weight:600;font-size:1rem;letter-spacing:.5px}.login-form .input-icon[data-v-2ea27a78]{color:#00bb31;font-size:24px}.login-form .eye-icon[data-v-2ea27a78]{color:#004d25;cursor:pointer;font-size:22px;transition:all .3s ease}.login-form .eye-icon[data-v-2ea27a78]:hover{color:#00bb31;transform:scale(1.1)}.error-message[data-v-2ea27a78]{color:#ff3d3d;text-align:center;margin:1.2rem 0;padding:1rem 1.5rem;background:#ff3d3d1a;border-radius:12px;font-weight:500;border:1px solid rgba(255,61,61,.2);transform:translateY(0);transition:all .3s ease}.error-message[data-v-2ea27a78]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff3d3d26}.login-button[data-v-2ea27a78]{width:100%;height:60px;border-radius:15px;font-size:1.2rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#00bb31,#004d25);color:#fff;margin:2rem 0;transition:all .3s ease;border:none;position:relative;overflow:hidden}.login-button[data-v-2ea27a78]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.login-button[data-v-2ea27a78]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00bb3166}.login-button[data-v-2ea27a78]:hover:before{left:100%}.login-button[data-v-2ea27a78]:active{transform:translateY(-1px)}.forgot-password[data-v-2ea27a78]{text-align:center;margin-top:1.5rem}.forgot-password a[data-v-2ea27a78]{color:#004d25;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;padding:.8rem 1.5rem;border-radius:10px;letter-spacing:.5px}.forgot-password a[data-v-2ea27a78]:hover{color:#00bb31;background:#00bb3114}.modern-clock[data-v-2ea27a78]{position:fixed;top:2rem;right:2rem;background:#fffffff2;padding:1.2rem 2.5rem;border-radius:50px;color:#004d25;font-size:1.8rem;font-weight:600;letter-spacing:3px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.modern-clock[data-v-2ea27a78]:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000040}