:root{--primary-color:#667eea;--primary-gradient:linear-gradient(135deg,#667eea 0%,#425eb9 100%);--secondary-color:#f8f9fa;--accent-color:#435ebe;--text-dark:#2c3e50;--text-muted:#6c757d;--border-color:#e3e6f0;--shadow-light:0 2px 10px rgba(0,0,0,.05);--shadow-medium:0 4px 20px rgba(0,0,0,.1);--shadow-strong:0 8px 30px rgba(102,126,234,.15);--border-radius:12px;--transition:all .3s cubic-bezier(.4,0,.2,1)}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);font-family:'Nunito',sans-serif;min-height:100vh;margin:0}#auth{height:100vh;overflow:hidden;position:relative}#auth #auth-left{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 4rem;background:#fff;position:relative;box-shadow:var(--shadow-medium);z-index:2}#auth #auth-left .auth-logo{margin-bottom:3rem;text-align:center}#auth #auth-left .auth-logo img{max-width:200px;height:auto;transition:var(--transition)}#auth #auth-left .auth-logo img:hover{transform:scale(1.02)}#auth #auth-left .auth-title{font-size:2.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#auth #auth-left .auth-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:3rem;text-align:center;display:block;font-weight:400}#loginForm{margin-bottom:2rem}.form-group{margin-bottom:1.5rem;position:relative}.form-control-xl{padding:1rem 1rem 1rem 3rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:#fff;transition:var(--transition);height:auto;line-height:1.5}.form-control-xl:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(102,126,234,.15);background:#fff}.form-control-xl::placeholder{color:var(--text-muted);font-weight:400}.form-control-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;z-index:3;transition:var(--transition)}.form-group:focus-within .form-control-icon{color:var(--primary-color)}.form-control-toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);font-size:1.1rem;z-index:3;transition:var(--transition);border:solid 2px #667eea;border-radius:10px}.form-control-toggle-password:hover{color:var(--primary-color)}#remember{margin-right:.5rem;transform:scale(1.1)}.btnLogin{background:var(--primary-gradient);border:0;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius);width:100%;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-strong);text-transform:uppercase;letter-spacing:.5px}.btnLogin::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btnLogin:hover::before{left:100%}.btnLogin:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(102,126,234,.25)}.btnLogin:active{transform:translateY(0)}#errorMessage{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:1rem;border-radius:var(--border-radius);margin-top:1rem;font-weight:500}.text-center a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.text-center a:hover{color:var(--accent-color);text-decoration:underline}#auth #auth-right{height:100vh;background:var(--primary-gradient);position:relative;overflow:hidden}#auth #auth-right::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(../../../#grid)"/></svg>');animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#suspended-account-banner{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:0;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);color:#fff;margin-bottom:2rem;animation:slideDown .5s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#suspended-account-banner .btn-light{background:rgba(255,255,255,.9);border:0;color:#dc3545;font-weight:600;border-radius:8px;transition:var(--transition)}#suspended-account-banner .btn-light:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.hide{display:none!important}@media screen and (max-width:1200px){#auth #auth-left{padding:2rem 3rem}}@media screen and (max-width:992px){#auth #auth-left{padding:3rem 2rem;min-height:100vh}#auth #auth-left .auth-title{font-size:2rem}#auth #auth-left .auth-logo img{max-width:160px}}@media screen and (max-width:768px){#auth #auth-left{padding:2rem 1.5rem}#auth #auth-left .auth-title{font-size:1.75rem}.form-control-xl{padding:.875rem .875rem .875rem 2.75rem;font-size:.95rem}.btn-primary{padding:.875rem 1.5rem;font-size:1rem}#suspended-account-banner .d-flex{flex-direction:column!important;gap:1rem}#suspended-account-banner .btn{width:100%;margin-top:0}}@media screen and (max-width:576px){#auth #auth-left{padding:1.5rem 1rem}#auth #auth-left .auth-logo{margin-bottom:2rem}#auth #auth-left .auth-logo img{max-width:140px}#auth #auth-left .auth-title{font-size:1.5rem;margin-bottom:.25rem}#auth #auth-left .auth-subtitle{font-size:.9rem;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}}.spinner-border-sm{width:1rem;height:1rem;margin-left:.5rem}