.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-logo{height:48px;width:auto;margin-bottom:16px}.login-header h1{color:#333;font-size:38px;font-weight:600;margin:0 0 10px}.login-header p{color:#666;font-size:14px;margin:0;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:700;margin-bottom:8px}.form-input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#009fe3}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-input::placeholder{color:#999}.login-button{background:linear-gradient(135deg,#009fe3,#003a70);color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px #009fe34d}.login-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.login-button.loading{position:relative;color:transparent}.login-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px;border-radius:4px;font-size:14px;text-align:center}