body.ayr-login-page { background:linear-gradient(135deg,#071a33 0,#10294c 48%,#eef4ff 48%,#f7f9fc 100%);min-height:100vh; }
.ayr-login-page #login_wrapper { width:min(100% - 32px,520px);margin:5vh auto 0;background:#fff;border:1px solid #dce5f1;border-radius:18px;box-shadow:0 24px 70px rgba(4,20,44,.22);padding:28px 32px 32px; }
.ayr-login-page #login_wrapper h1,.ayr-login-page #login_wrapper h2 { color:#0a2343; }
.ayr-login-page #login_wrapper .content-container { background:transparent;border:0;padding:0; }
.ayr-login-panel { margin:4px 0 22px; }
.ayr-login-tabs { display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#eef3fa;border-radius:10px;margin-bottom:18px; }
.ayr-login-tabs button { border:0;background:transparent;color:#52627a;font-weight:700;padding:11px 10px;border-radius:8px;cursor:pointer; }
.ayr-login-tabs button.is-active { color:#fff;background:#1769e0;box-shadow:0 5px 14px rgba(23,105,224,.24); }
.ayr-company-code label { display:block;font-weight:700;color:#172b4d;margin-bottom:7px; }
.ayr-company-code input { width:100%;height:44px;border:1px solid #cbd7e6;border-radius:7px;padding:9px 12px;text-transform:uppercase;box-sizing:border-box; }
.ayr-company-code input:focus { border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.13);outline:0; }
.ayr-company-code small,.ayr-login-help { display:block;color:#64748b;font-size:12px;margin-top:7px; }
.ayr-login-help { margin:12px 0 0; }
.ayr-login-page #form .form-control { min-height:44px;border-color:#cbd7e6; }
.ayr-login-page #form button[type="submit"],.ayr-login-page #form input[type="submit"] { min-height:43px;border-radius:7px;font-weight:700; }
@media (max-width:600px) { body.ayr-login-page{background:#f3f6fb}.ayr-login-page #login_wrapper{margin:18px auto;padding:22px 18px}.ayr-login-tabs{grid-template-columns:1fr}.ayr-login-tabs button{padding:10px} }