.body--dark{--q-primary: #405786;--q-secondary: #606f8d}.bg-image{background:linear-gradient(rgba(18,17,19,.8),rgba(18,57,97,.6)),url(/assets/login-bg.271ddf35.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px}.login-card{border-radius:20px;overflow:hidden;transition:all .3s ease;animation:fadeIn 1s ease;border:1px solid rgba(20,33,60,.1)}.login-card-light{background:rgba(255,255,255,.95);box-shadow:0 8px 32px #37559026}.login-card-dark{background:rgba(20,33,60,.9);box-shadow:0 8px 32px #37559040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(55,85,144,.2)}.logo-wrapper{display:flex;justify-content:center;margin-bottom:10px}.logo-main{border-radius:12px;background:linear-gradient(135deg,rgba(20,33,60,.1),rgba(59,107,202,.1));padding:10px;box-shadow:0 4px 20px #14213c26;animation:fade-in-out 4s ease-in-out infinite;border:1px solid rgba(20,33,60,.1)}.welcome-text{background:linear-gradient(90deg,#14213c,#375590);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;text-shadow:0 2px 4px rgba(55,85,144,.1)}.login-input .q-field__control{min-height:54px}.login-input.q-input--standout .q-field__control{background:rgba(20,33,60,.04);border-radius:12px;border:1px solid rgba(20,33,60,.1);transition:all .3s ease}.login-input.q-input--standout .q-field__control:hover{background:rgba(20,33,60,.08);border-color:#14213c33;box-shadow:0 2px 8px #14213c1a}.login-input.q-input--standout .q-field__control:focus-within{background:rgba(20,33,60,.06);border-color:#14213c;box-shadow:0 0 0 2px #14213c33}.body--dark .login-input.q-input--standout .q-field__control{background:rgba(55,85,144,.15);border:1px solid rgba(55,85,144,.3)}.body--dark .login-input.q-input--standout .q-field__control:hover{background:rgba(55,85,144,.2);border-color:#37559066}.body--dark .login-input.q-input--standout .q-field__control:focus-within{background:rgba(55,85,144,.18);border-color:var(--q-secondary);box-shadow:0 0 0 2px #3755904d}.forgot-password .q-btn{color:#375590;font-size:.875rem}.forgot-password .q-btn:hover{color:#14213c}.login-button-container{margin-top:15px}.login-button{font-weight:600;letter-spacing:.5px;min-height:52px;transition:all .3s ease;background:linear-gradient(135deg,#375590)!important}.login-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3755904d;background:linear-gradient(135deg)!important}.login-button:active{transform:translateY(-1px)}.version-info{opacity:.6;padding-bottom:8px;color:#375590}.app-name{filter:drop-shadow(0 2px 4px rgba(20,33,60,.2))}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in-out{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 599px){.login-card{margin:15px;border-radius:16px}.welcome-text{font-size:1.4rem}.login-button{min-height:48px}}@media (max-width: 400px){.login-container{padding:10px}.login-card{width:95%!important}}.q-field--focused .q-field__control{box-shadow:0 0 0 2px #14213c33!important}.q-field--error .q-field__control{border-color:#a22b2b!important;box-shadow:0 0 0 2px #a22b2b33!important}.login-button .q-ripple{color:#ffffff4d}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}
