body{font-family:Arial, sans-serif;margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:flex-end}.login_wrapper{background:#fff;padding:40px;width:90%;text-align:center;width:25%;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 40px}.login_wrapper .auth-logo img{width:300px}.login_wrapper .auth-title{color:#4D4F5C;margin:40px;font-size:20px;font-weight:400}.login_wrapper .flash-messages{margin-bottom:20px;text-align:left}.login_wrapper .flash-messages .flash-error{padding:12px;border-radius:5px;margin-bottom:10px;font-size:14px;border:1px solid;background:#f8d7da;color:#721c24;border-color:#f5c6cb}.login_wrapper .flash-messages .flash-success{padding:12px;border-radius:5px;margin-bottom:10px;font-size:14px;border:1px solid;background:#d4edda;color:#155724;border-color:#c3e6cb}.login_wrapper form .form-group{margin-bottom:20px;text-align:left}.login_wrapper form .form-group label{display:block;margin-bottom:8px;font-weight:bold;color:#4D4F5C;font-size:14px}.login_wrapper form .form-group input[type="text"],.login_wrapper form .form-group input[type="password"]{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;transition:border-color 0.3s, box-shadow 0.3s;background:#fff}.login_wrapper form .form-group input[type="text"]:focus,.login_wrapper form .form-group input[type="password"]:focus{outline:none;border-color:#2A2E34;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.login_wrapper form .form-group input[type="text"]::placeholder,.login_wrapper form .form-group input[type="password"]::placeholder{color:#999}.login_wrapper form .form-group input[type="text"]:focus-visible,.login_wrapper form .form-group input[type="password"]:focus-visible{outline:2px solid #2A2E34;outline-offset:2px}.login_wrapper form button[type="submit"]{background:linear-gradient(135deg, #2A2E34 0%, #2A2E34 100%);color:#fff;padding:12px 40px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:transform 0.2s, box-shadow 0.2s;margin-top:10px}.login_wrapper form button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,0.3)}.login_wrapper form button[type="submit"]:active{transform:translateY(0)}.login_wrapper form button[type="submit"]:disabled{opacity:0.6;cursor:not-allowed;transform:none}.login_wrapper form button[type="submit"]:focus-visible{outline:2px solid #2A2E34;outline-offset:2px}.migration-container{background:#fff;padding:40px;width:90%;text-align:center;max-width:500px;margin:0 auto;position:relative;z-index:1}.migration-container .logo img{width:250px;margin-bottom:20px}.migration-container h1{color:#4D4F5C;margin-bottom:20px;font-size:24px;font-weight:600}.migration-container .flash-messages{margin-bottom:20px;text-align:left}.migration-container .flash-messages .flash-error{padding:12px;border-radius:5px;margin-bottom:10px;font-size:14px;border:1px solid;background:#f8d7da;color:#721c24;border-color:#f5c6cb}.migration-container .flash-messages .flash-success{padding:12px;border-radius:5px;margin-bottom:10px;font-size:14px;border:1px solid;background:#d4edda;color:#155724;border-color:#c3e6cb}.migration-container .current-user{background:#e3f2fd;padding:12px;border-radius:5px;margin-bottom:20px;color:#1565c0;font-size:14px;text-align:left}.migration-container .warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;padding:15px;margin-bottom:25px;color:#856404;text-align:left}.migration-container .warning-message h3{margin-top:0;color:#e17055;font-size:16px}.migration-container .warning-message ul{margin:10px 0;padding-left:20px}.migration-container .warning-message li{margin-bottom:5px}.migration-container form .form-group{margin-bottom:20px;text-align:left}.migration-container form .form-group label{display:block;margin-bottom:8px;font-weight:bold;color:#4D4F5C;font-size:14px}.migration-container form .form-group input[type="text"]{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;transition:border-color 0.3s, box-shadow 0.3s;background:#fff}.migration-container form .form-group input[type="text"]:focus{outline:none;border-color:#2A2E34;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.migration-container form .form-group input[type="text"]::placeholder{color:#999}.migration-container form .form-group input[type="text"]:focus-visible{outline:2px solid #2A2E34;outline-offset:2px}.migration-container form .form-group .help-text{font-size:12px;color:#666;margin-top:5px;font-style:italic}.migration-container form .submit-btn,.migration-container form button[type="submit"]{background:linear-gradient(135deg, #2A2E34 0%, #2A2E34 100%);color:#fff;padding:12px 40px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:transform 0.2s, box-shadow 0.2s;margin-top:10px}.migration-container form .submit-btn:hover,.migration-container form button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,0.3)}.migration-container form .submit-btn:active,.migration-container form button[type="submit"]:active{transform:translateY(0)}.migration-container form .submit-btn:disabled,.migration-container form button[type="submit"]:disabled{opacity:0.6;cursor:not-allowed;transform:none}.migration-container form .submit-btn:focus-visible,.migration-container form button[type="submit"]:focus-visible{outline:2px solid #2A2E34;outline-offset:2px}.background-image{height:100vh;object-fit:cover;width:75%}h1{color:#4D4F5C;margin-bottom:20px;font-size:24px;font-weight:600}@media (max-width: 768px){.login_wrapper,.migration-container{padding:40px 20px;margin:20px;width:calc(100% - 40px)}.login_wrapper .auth-title,.migration-container .auth-title{font-size:22px}.login_wrapper form .form-group input[type="text"],.login_wrapper form .form-group input[type="password"],.migration-container form .form-group input[type="text"],.migration-container form .form-group input[type="password"]{font-size:16px}.background-image{display:none}body{justify-content:center}h1{font-size:22px}}@media (max-width: 480px){.login_wrapper,.migration-container{padding:25px 15px;margin:15px;width:calc(100% - 30px)}.login_wrapper .auth-title,.migration-container .auth-title{font-size:20px}.login_wrapper .logo img,.migration-container .logo img{width:200px}h1{font-size:20px}}