.login-body{min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.login-bg{animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#01bda2 50%,#0097a7 50%);position:fixed;inset:0 -50%;opacity:.5;z-index:-1}.login-bg.bg2{animation-direction:alternate-reverse;animation-duration:4s}.login-bg.bg3{animation-duration:5s}.section-top,.login-logo-wrap{margin-bottom:2.5rem}.login-logo-img{max-width:220px;width:100%;height:auto;margin-bottom:1rem}.login-company-title{font-size:1.6rem;margin-bottom:10px!important;color:#fff;font-weight:600}.login-link-wrap{margin-bottom:50px}.login-link{color:#fff!important;font-size:18px!important;text-decoration:none!important;transition:color .3s ease}.login-link:hover{color:#fffc!important}.login-title{font-size:2.2rem;font-weight:700;margin-bottom:50px!important;color:#fff;line-height:1.2}.login-panel-col{padding:0}.login-panel{background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem 1.5rem;border-radius:16px;box-shadow:0 6px 18px -4px #0006;color:#fff;max-width:420px;margin:0 auto}.login-panel-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.login-alert-success{font-size:13px;background:#28a745e6;border:1px solid rgba(40,167,69,.3);color:#fff}.login-alert-error{font-size:13px;background:#dc3545e6;border:1px solid rgba(220,53,69,.3);color:#fff}.login-error-list{color:#000;margin:0;padding-left:1rem}.login-form{margin-bottom:0}.login-form-group{margin-bottom:1.2rem}.login-label-email,.login-label-password{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.login-input-email,.login-input-password{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease}.login-input-email:focus,.login-input-password:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.login-pwd-wrapper{position:relative}.login-btn-eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:0;padding:4px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.login-btn-eye:hover{background:#0000001a;border-radius:4px}.login-icon-eye,.login-icon-eye-slash{width:20px;height:20px;stroke:#0d6efd;fill:none;stroke-width:2;transition:stroke .3s ease}.login-icon-eye-slash,.login-btn-eye.showing .login-icon-eye{display:none}.login-btn-eye.showing .login-icon-eye-slash{display:block}.login-btn{margin-bottom:2rem;background:#007bff;border:1px solid #007bff;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .3s ease}.login-btn:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.login-btn:active{transform:translateY(0)}.login-btn-text{font-weight:500}.login-links{display:flex;justify-content:space-between;align-items:center}.login-links a{transition:color .25s ease;font-size:.9rem;text-decoration:underline}.login-link-register,.login-link-forgot{color:#fff;text-decoration:none}.login-link-register:hover,.login-link-forgot:hover{color:#fffc;text-decoration:none}.footer-auth{color:#fff;text-align:center;font-size:.85rem;margin-top:20px}@media (max-width: 1400px){.login-panel{max-width:380px;padding:1.7rem 1.2rem}.login-logo-img{max-width:180px}.login-title{font-size:1.7rem;margin-bottom:35px!important}.login-company-title{font-size:1.2rem;margin-bottom:8px!important}.login-link-wrap{margin-bottom:30px}.login-panel-title{font-size:1.3rem}}@media (max-width: 1200px){.login-panel{max-width:340px;padding:1.4rem 1rem}.login-logo-img{max-width:150px}.login-title{font-size:1.3rem;margin-bottom:25px!important}.login-company-title{font-size:1rem;margin-bottom:6px!important}.login-link-wrap{margin-bottom:18px}.login-panel-title{font-size:1.2rem}}@media (max-width: 992px){.login-panel{max-width:100%;padding:2rem 1.5rem;border-radius:12px}.login-logo-img{max-width:150px}.login-title{font-size:1.4rem;margin-bottom:25px!important}.login-company-title{font-size:1.1rem;margin-bottom:8px!important}.login-link-wrap{margin-bottom:20px}.login-panel-title{font-size:1.3rem;margin-bottom:1.5rem}.login-form-group{margin-bottom:1.2rem}.login-input-email,.login-input-password{padding:.8rem 1rem;font-size:1rem}.login-btn{padding:.8rem 1rem;font-size:1rem;margin-bottom:1.8rem}.login-links a{font-size:.9rem;text-decoration:underline}}@media (max-width: 768px){.login-body{padding:1.5rem}.login-panel{max-width:100%;padding:1.8rem 1.2rem;border-radius:10px}.login-logo-img{max-width:120px}.login-title{font-size:1.2rem;margin-bottom:20px!important}.login-company-title{font-size:1rem;margin-bottom:6px!important}.login-link-wrap{margin-bottom:15px}.login-panel-title{font-size:1.2rem;margin-bottom:1.3rem}.login-form-group{margin-bottom:1rem}.login-input-email,.login-input-password{padding:.7rem .9rem;font-size:.95rem}.login-btn{padding:.7rem .9rem;font-size:.95rem;margin-bottom:1.5rem}.login-links a{font-size:.9rem;text-decoration:underline}}@media (max-width: 576px){.login-body{padding:1rem}.login-panel{padding:1.5rem 1rem;border-radius:8px}.login-logo-img{max-width:100px}.login-title{font-size:1.1rem;margin-bottom:15px!important;line-height:1.2}.login-company-title{font-size:.9rem;margin-bottom:4px!important}.login-link-wrap{margin-bottom:12px}.login-panel-title{font-size:1.1rem;margin-bottom:1.2rem}.login-form-group{margin-bottom:.8rem}.login-input-email,.login-input-password{padding:.6rem .8rem;font-size:.9rem}.login-btn{padding:.6rem .8rem;font-size:.9rem;margin-bottom:1.3rem}.login-links a{font-size:.9rem;text-decoration:underline}}@media (max-width: 480px){.login-body{padding:.8rem}.login-panel{padding:1.2rem .8rem;border-radius:7px}.login-logo-img{max-width:80px}.login-title{font-size:1rem;margin-bottom:12px!important}.login-company-title{font-size:.85rem;margin-bottom:3px!important}.login-link-wrap{margin-bottom:8px}.login-panel-title{font-size:1rem;margin-bottom:1rem}.login-form-group{margin-bottom:.7rem}.login-input-email,.login-input-password{padding:.5rem .7rem;font-size:.85rem}.login-btn{padding:.5rem .7rem;font-size:.85rem;margin-bottom:1.1rem}.login-links a{font-size:.9rem;text-decoration:underline}.login-footer-brand{position:fixed;bottom:18px;left:50%;transform:translate(-50%);font-size:8px;color:#fff;font-weight:500;text-align:center;width:90%;line-height:1.3}.login-footer-dev{position:fixed;bottom:2px;left:50%;transform:translate(-50%);font-size:8px;color:#fff;font-weight:500;text-align:center;width:90%;line-height:1.3}}@media (max-width: 360px){.login-body{padding:.6rem}.login-panel{padding:1rem .6rem;border-radius:6px}.login-logo-img{max-width:70px}.login-title{font-size:.95rem;margin-bottom:10px!important}.login-company-title{font-size:.8rem;margin-bottom:2px!important}.login-link-wrap{margin-bottom:6px}.login-panel-title{font-size:.95rem;margin-bottom:.8rem}.login-form-group{margin-bottom:.6rem}.login-input-email,.login-input-password{padding:.45rem .6rem;font-size:.8rem}.login-btn{padding:.45rem .6rem;font-size:.8rem;margin-bottom:1rem}.login-links a{font-size:.9rem;text-decoration:underline}.login-footer-brand{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-size:7px;color:#fff;font-weight:500;text-align:center;width:90%;line-height:1.3}.login-footer-dev{position:fixed;bottom:1px;left:50%;transform:translate(-50%);font-size:7px;color:#fff;font-weight:500;text-align:center;width:90%;line-height:1.3}}.login-panel a:focus,.login-panel input:focus,.login-panel button:focus{outline:2px solid #fff;outline-offset:2px}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}.login-footer-brand{position:fixed;bottom:6px;left:10px;font-size:11px;color:#fff;font-weight:500}.login-footer-dev{position:fixed;bottom:6px;right:10px;font-size:11px;color:#fff;font-weight:500;text-align:right}@media (max-width:575px){.login-footer-brand,.login-footer-dev{font-size:10px}}.btn-loading{position:relative;pointer-events:none;opacity:.85}.btn-loading .spinner-border{width:1rem;height:1rem;border-width:.18em;margin-right:.35rem}
