html,body,#root{margin:0;min-height:100%;width:100%}
.v557x-login-page{position:relative;display:grid;grid-template-columns:62.5% 37.5%;width:100vw;height:100dvh;min-height:720px;overflow:hidden;background:#f7f8f7;font-family:Arial,Helvetica,sans-serif;color:#193d2a}
.v557x-visual{position:relative;overflow:hidden;background:#00482d}
.v557x-visual-art{position:absolute;inset:0;background:url('/assets/v557exact-left-reference.jpg') center center/cover no-repeat}
.v557x-visual:after{content:'';position:absolute;right:-35px;top:-4%;height:108%;width:68px;border-radius:50%;background:linear-gradient(180deg,#f5d875,#d9aa35 48%,#f2d16a);box-shadow:0 0 22px rgba(201,155,43,.20)}
.v557x-login-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfa;padding:36px 28px 24px}
.v557x-dots{position:absolute;right:48px;top:28px;width:126px;height:126px;background-image:radial-gradient(circle,#e1e6e3 1.25px,transparent 1.5px);background-size:14px 14px;opacity:.9}
.v557x-card{position:relative;z-index:2;width:min(86%,470px);padding:48px 42px 40px;background:#fff;border:1px solid #e5e8e6;border-radius:22px;box-shadow:0 24px 60px rgba(15,23,42,.13)}
.v557x-card-head{text-align:center;margin-bottom:28px}
.v557x-welcome{font-size:15px;font-weight:700;color:#286448;margin-bottom:13px}
.v557x-brand{position:relative;display:inline-flex;align-items:baseline;justify-content:center;font-weight:900;font-size:48px;line-height:1;letter-spacing:-3px}
.v557x-brand-vi{color:#087046}.v557x-brand-food{color:#f0b92f}.v557x-leaf{position:absolute;right:3px;top:-18px;color:#28a85b;font-size:27px;transform:rotate(-20deg)}
.v557x-subbrand{margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.035em;color:#1c6a47}
.v557x-form{display:grid;gap:17px}.v557x-form label{display:grid;gap:8px}.v557x-label{font-size:10px;font-weight:800;letter-spacing:.09em;color:#5f6d65}
.v557x-input-wrap{position:relative}.v557x-input-wrap input{box-sizing:border-box;width:100%;height:54px;padding:0 48px 0 46px;border:1px solid #dce2de;border-radius:9px;background:#fff;font-size:14px;color:#25302a;outline:none}.v557x-input-wrap input:focus{border-color:#0b7a49;box-shadow:0 0 0 3px rgba(11,122,73,.08)}
.v557x-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#57655e;z-index:2}.v557x-eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#58655f;font-size:20px;cursor:pointer;padding:6px}
.v557x-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-2px}.v557x-remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-size:12px;color:#4d5c54;letter-spacing:0!important;font-weight:500!important}.v557x-remember input{width:17px;height:17px;accent-color:#0a7b49}.v557x-forgot{border:0;background:transparent;color:#1681e6;font-size:12px;cursor:pointer;padding:0}
.v557x-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border:0;border-radius:9px;background:linear-gradient(90deg,#066b40,#10a15d);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(7,108,64,.18)}.v557x-submit:disabled{opacity:.7;cursor:wait}
.v557x-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;color:#818a85}.v557x-or span{height:1px;background:#e4e7e5}.v557x-or em{font-style:normal;font-size:11.5px}
.v557x-google{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;border:1px solid #dce2de;border-radius:9px;background:#fff;color:#2c3731;font-size:14px;cursor:pointer}.v557x-google b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:18px;color:#4285f4;font-weight:900}
.v557x-secure{text-align:center;margin-top:24px;color:#147447;font-size:12px;font-weight:700}.v557x-error{margin-top:18px;border-left:4px solid #d9a62e;background:#fff8e7;padding:10px 12px;font-size:11px;line-height:1.45;color:#71591f}.v557x-error strong{display:block;margin-bottom:3px}
.v557x-copyright{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#757e79;font-size:12px}.v557x-copyright::first-letter{color:#666}
@media(min-width:1500px){.v557x-login-page{grid-template-columns:62% 38%}.v557x-card{width:min(82%,500px);padding:54px 46px 44px}.v557x-brand{font-size:52px}.v557x-copyright{bottom:34px}}
@media(max-width:1100px){.v557x-login-page{grid-template-columns:55% 45%}.v557x-card{width:min(90%,455px);padding:40px 30px 34px}.v557x-brand{font-size:43px}.v557x-copyright{bottom:20px}.v557x-dots{right:20px}}
@media(max-width:1100px){.v557x-login-page{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:auto;background:#fff}.v557x-visual{height:230px;min-height:230px}.v557x-visual-art{background-position:center 25%}.v557x-visual:after{display:none}.v557x-login-side{min-height:calc(100dvh - 230px);padding:0 14px 26px;justify-content:flex-start}.v557x-card{width:min(100%,520px);box-sizing:border-box;margin-top:-24px;padding:32px 24px 28px;border-radius:18px}.v557x-dots{display:none}.v557x-copyright{position:static;margin-top:24px}.v557x-brand{font-size:42px}}
@media(max-width:480px){.v557x-visual{height:190px;min-height:190px}.v557x-login-side{min-height:calc(100dvh - 190px)}.v557x-card{margin-top:-18px;padding:28px 20px 24px}.v557x-brand{font-size:38px}.v557x-options{align-items:flex-start;flex-direction:column}.v557x-forgot{align-self:flex-end;margin-top:-28px}}