/* Admin sign-in aligned with the charcoal / ivory / coral / lime application language. */
body { color:var(--ss-ink) !important; background:var(--ss-bg-body) !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; }.login-shell { grid-template-columns:minmax(430px,47%) 1fr !important; background:var(--ss-bg-body) !important; }.login-showcase { isolation:isolate; padding:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5.25rem) !important; color:var(--ss-rail-text) !important; background:var(--ss-rail-bg-solid) !important; }.login-showcase::before { z-index:-1; background:radial-gradient(circle at 92% 8%,color-mix(in srgb, var(--ss-primary) calc(.94 * 100%), transparent) 0 1%,transparent 27%),radial-gradient(circle at 0% 88%,color-mix(in srgb, var(--ss-primary) calc(.82 * 100%), transparent) 0 1%,transparent 34%),linear-gradient(145deg,var(--ss-rail-bg-solid),var(--ss-primary-deep) 58%,var(--ss-primary-deep)) !important; }.login-showcase::after { content:''; position:absolute; z-index:-1; width:min(35vw,500px); height:min(35vw,500px); right:-25%; bottom:-22%; border:1px solid rgba(255,255,255,.23); border-radius:45% 55% 43% 57%; box-shadow:inset 0 0 0 45px rgba(255,255,255,.025),inset 0 0 0 90px rgba(255,255,255,.025); transform:rotate(-18deg); }.login-showcase > * { z-index:1; }.login-showcase__brand { display:inline-flex; align-items:center; gap:.7rem; color:var(--ss-rail-text) !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-size:1.05rem !important; letter-spacing:-.05em !important; }.login-showcase__brand::before { content:'S'; display:grid; width:2rem; height:2rem; place-items:center; border-radius:50% 50% 50% 14%; color:var(--ss-rail-bg-solid); background:var(--ss-primary); font-size:.8rem; font-weight:900; }.login-showcase__brand span { color:var(--ss-primary) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }.login-showcase__headline { max-width:8ch; color:var(--ss-rail-text) !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(3.1rem,5vw,5.65rem) !important; font-weight:500 !important; letter-spacing:-.075em !important; line-height:.89 !important; }.login-showcase__headline em { color:#ff8e76 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }.login-showcase__copy { color:rgba(255,255,255,.72) !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; }.login-formside { position:relative; overflow:hidden; padding:clamp(1.5rem,5vw,5rem) !important; background:var(--ss-bg-body) !important; }.login-formside::before { content:''; position:absolute; width:330px; height:330px; right:-135px; top:-135px; border-radius:50%; background:#ffe0d5; }.login-formside::after { content:''; position:absolute; width:190px; height:190px; left:-95px; bottom:-85px; border-radius:50%; background:#dcf6a2; }.login-card { z-index:1; width:min(100%,470px) !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; }.brand { margin:0 0 .9rem !important; color:var(--ss-ink) !important; background:none !important; -webkit-text-fill-color:currentColor !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(2.5rem,4vw,4.1rem) !important; font-weight:500 !important; letter-spacing:-.09em !important; line-height:.85 !important; }.brand span { color:var(--ss-primary) !important; background:none !important; -webkit-text-fill-color:currentColor !important; }.login-card .text-secondary { color:#68726d !important; }.login-role-switch { padding:5px !important; border-color:#d8d5cc !important; border-radius:12px !important; background:#ebe8df !important; }.login-role-switch__option { color:#6a746d !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-size:.76rem !important; font-weight:800 !important; }.login-role-switch__option:hover { color:var(--ss-ink) !important; background:#f8f5ed !important; }.login-role-switch__option.is-active { color:var(--ss-ink) !important; background:var(--ss-primary) !important; box-shadow:none !important; }.login-role-label,.login-card .form-label { color:#26312e !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-weight:800 !important; }.login-card .form-control { min-height:3.35rem; border-color:#cbd0c7 !important; border-radius:.65rem !important; color:var(--ss-ink) !important; background:rgba(255,255,255,.76) !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; box-shadow:none !important; }.login-card .form-control:focus { border-color:var(--ss-primary) !important; box-shadow:0 0 0 4px color-mix(in srgb, var(--ss-primary) calc(.14 * 100%), transparent) !important; }.login-card .form-check-input:checked { border-color:var(--ss-primary) !important; background-color:var(--ss-primary) !important; }.login-card .alert-danger { color:#9f3324 !important; border-color:#f0bcb3 !important; background:#ffebe7 !important; }.btn-jp { min-height:3.4rem; border-radius:.65rem !important; color:var(--ss-bg-surface) !important; background:var(--ss-primary) !important; box-shadow:0 11px 22px color-mix(in srgb, var(--ss-primary) calc(.20 * 100%), transparent) !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-size:.88rem !important; font-weight:800 !important; }.btn-jp:hover,.btn-jp:focus { color:var(--ss-bg-surface) !important; background:var(--ss-primary-hover) !important; box-shadow:0 13px 25px color-mix(in srgb, var(--ss-primary) calc(.28 * 100%), transparent) !important; }.login-card .form-check-label { color:#39443e !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; } @media(max-width:1000px){.login-shell{grid-template-columns:1fr!important}.login-showcase{display:none!important}.login-formside{min-height:100vh!important}.login-card{width:min(100%,500px)!important}} @media(max-width:560px){.login-formside{padding:6rem 1.35rem 2rem!important;align-items:start!important}}