body{background:#f8fbff}.login-page.svelte-1x05zx6{position:relative;min-height:100dvh;color:var(--public-ink);background:var(--public-bg)}.login-page.svelte-1x05zx6 button:focus-visible,.login-page.svelte-1x05zx6 a:focus-visible{outline:3px solid var(--public-focus);outline-offset:4px}.back-home.svelte-1x05zx6{position:absolute;top:19px;left:32px;z-index:10;display:inline-flex;align-items:center;gap:9px;padding:8px 0;color:var(--public-muted);font-size:11px;text-decoration:none}.back-home.svelte-1x05zx6:hover{color:var(--public-accent)}.login-shell.svelte-1x05zx6{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,1.05fr);height:100dvh;min-height:640px}.form-panel.svelte-1x05zx6{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:62px clamp(28px,4vw,64px) 16px;min-width:0}.form-content.svelte-1x05zx6{width:min(400px,100%);margin:auto 0}.brand-row.svelte-1x05zx6{display:flex;align-items:center;justify-content:space-between}.version-pill.svelte-1x05zx6{padding:5px 9px;border:1px solid var(--public-line);border-radius:5px;background:var(--public-subtle);color:var(--public-accent);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.welcome.svelte-1x05zx6{margin-top:16px}.welcome-kicker.svelte-1x05zx6{display:inline-flex;align-items:center;gap:6px;color:var(--public-accent);font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.welcome.svelte-1x05zx6 h1:where(.svelte-1x05zx6){margin:8px 0;color:var(--public-ink);font-size:clamp(30px,2.8vw,40px);font-weight:550;line-height:1.12;letter-spacing:-.045em}.welcome.svelte-1x05zx6 p:where(.svelte-1x05zx6){max-width:350px;margin:0;color:var(--public-muted);font-size:12px;line-height:1.6}.login-form.svelte-1x05zx6{display:flex;flex-direction:column;gap:12px;margin-top:18px}.field-group.svelte-1x05zx6{display:flex;flex-direction:column;gap:6px}.field-group.svelte-1x05zx6 label:where(.svelte-1x05zx6){color:var(--public-ink);font-size:11px;font-weight:600}.label-row.svelte-1x05zx6{display:flex;align-items:center;justify-content:space-between;gap:8px}.label-row.svelte-1x05zx6>span:where(.svelte-1x05zx6){color:var(--public-muted);font-size:8px}.input-shell.svelte-1x05zx6{position:relative;display:flex;height:44px;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--public-line);border-radius:8px;background:var(--public-surface);color:var(--public-muted);transition:border-color .2s,box-shadow .2s}.input-shell.svelte-1x05zx6:focus-within{border-color:var(--public-focus);box-shadow:0 0 0 3px #2870ca14;color:var(--public-accent)}.input-shell.svelte-1x05zx6 input:where(.svelte-1x05zx6){min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--public-ink);font-family:inherit;font-size:13px;box-shadow:none}.input-shell.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{color:var(--public-muted)}.input-valid.svelte-1x05zx6{display:grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--public-success-soft);color:var(--public-success)}.password-toggle.svelte-1x05zx6{display:grid;flex:0 0 auto;min-width:36px;height:40px;padding:7px;border:0;place-items:center;background:transparent;color:var(--public-muted);cursor:pointer}.password-toggle.svelte-1x05zx6:hover{color:var(--public-accent)}.remember-row.svelte-1x05zx6{display:flex;width:fit-content;align-items:center;gap:8px;color:var(--public-muted);font-size:11px;cursor:pointer}.remember-row.svelte-1x05zx6 input:where(.svelte-1x05zx6){position:absolute;width:1px;height:1px;opacity:0}.custom-check.svelte-1x05zx6{display:grid;width:17px;height:17px;flex-shrink:0;place-items:center;border:1px solid var(--public-line);border-radius:4px;background:var(--public-surface);color:transparent}.remember-row.svelte-1x05zx6 input:where(.svelte-1x05zx6):checked+.custom-check:where(.svelte-1x05zx6){border-color:var(--public-action);background:var(--public-action);color:#fff}.remember-row.svelte-1x05zx6 input:where(.svelte-1x05zx6):focus-visible+.custom-check:where(.svelte-1x05zx6){outline:3px solid var(--public-focus);outline-offset:3px}.recaptcha-shell.svelte-1x05zx6{display:flex;min-height:78px;align-items:center;justify-content:flex-start}.error-alert.svelte-1x05zx6{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid #e8c7bb;border-radius:8px;background:#fff3ec;color:#a04f35}.error-alert.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:grid;flex:0 0 auto}.error-alert.svelte-1x05zx6 p:where(.svelte-1x05zx6){margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.login-button.svelte-1x05zx6{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:1px solid var(--public-action);border-radius:8px;background:var(--public-action);color:var(--public-on-dark);font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s}.login-button.svelte-1x05zx6:hover:not(:disabled){background:var(--public-action-hover);transform:translateY(-1px)}.login-button.svelte-1x05zx6:disabled,.sso-button.svelte-1x05zx6:disabled{cursor:not-allowed;opacity:.65}.spinner.svelte-1x05zx6{animation:svelte-1x05zx6-spin .9s linear infinite}.sso-divider.svelte-1x05zx6{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--public-muted);font-size:9px}.sso-divider.svelte-1x05zx6:before,.sso-divider.svelte-1x05zx6:after{content:"";flex:1;height:1px;background:var(--public-line)}.sso-button.svelte-1x05zx6{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--public-line);border-radius:8px;background:var(--public-surface);color:var(--public-ink);font-family:inherit;font-size:11px;font-weight:550;cursor:pointer;transition:border-color .2s,background .2s}.sso-button.svelte-1x05zx6 img:where(.svelte-1x05zx6){width:24px;height:24px;object-fit:contain}.sso-button.svelte-1x05zx6:hover:not(:disabled){border-color:#9bbde2;background:var(--public-subtle)}.ecosystem-row.svelte-1x05zx6{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--public-line)}.ecosystem-row.svelte-1x05zx6>span:where(.svelte-1x05zx6){color:var(--public-muted);font-size:7px;letter-spacing:.05em;text-transform:uppercase}.ecosystem-row.svelte-1x05zx6>div:where(.svelte-1x05zx6){display:flex;align-items:center;gap:16px}.ecosystem-row.svelte-1x05zx6 img:where(.svelte-1x05zx6){width:auto;height:19px;object-fit:contain}.ecosystem-row.svelte-1x05zx6 .epinisi-logo:where(.svelte-1x05zx6){height:25px}.copyright.svelte-1x05zx6{margin:16px 0 0;color:var(--public-muted);font-size:8px;text-align:center}.visual-panel.svelte-1x05zx6{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:0;margin:12px 12px 12px 0;padding:62px 30px 20px;overflow:hidden;border-radius:20px;background:var(--public-subtle)}.visual-panel.svelte-1x05zx6:before{position:absolute;inset:0;pointer-events:none;content:"";background:radial-gradient(ellipse at 50% 45%,#dceeff88,transparent 70%)}.visual-edition.svelte-1x05zx6{position:absolute;top:22px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;color:var(--public-muted);font-size:7px;letter-spacing:.1em;padding-bottom:13px;border-bottom:1px solid var(--public-line)}.visual-copy.svelte-1x05zx6{position:relative;z-index:1;width:min(440px,100%);margin-inline:auto}.visual-copy.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:inline-flex;align-items:center;gap:8px;color:var(--public-accent);font-size:8px;letter-spacing:.13em}.visual-copy.svelte-1x05zx6 h2:where(.svelte-1x05zx6){margin:12px 0 10px;font-size:clamp(25px,2.6vw,39px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.visual-copy.svelte-1x05zx6 h2:where(.svelte-1x05zx6) em:where(.svelte-1x05zx6){font-family:inherit;font-style:normal;color:var(--public-accent)}.visual-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6){max-width:370px;color:var(--public-muted);font-size:11px;line-height:1.7;margin:0}.login-attendance.svelte-1x05zx6{position:relative;container-type:size;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.attendance-fit.svelte-1x05zx6{flex:0 0 auto;width:min(100%,108cqh)}.visual-bottom.svelte-1x05zx6{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;padding-top:14px;border-top:1px solid var(--public-line);width:min(440px,100%);margin-inline:auto}.mini-stat.svelte-1x05zx6{display:flex;align-items:center;gap:9px;color:var(--public-accent)}.mini-stat.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:flex;flex-direction:column;gap:3px}.mini-stat.svelte-1x05zx6 strong:where(.svelte-1x05zx6){color:var(--public-ink);font-size:10px;font-weight:550}.mini-stat.svelte-1x05zx6 small:where(.svelte-1x05zx6){color:var(--public-muted);font-size:8px}.mini-line.svelte-1x05zx6{width:1px;height:27px;background:var(--public-line)}@keyframes svelte-1x05zx6-spin{to{transform:rotate(360deg)}}@media (max-height: 760px){.form-panel.svelte-1x05zx6{padding-top:48px}.back-home.svelte-1x05zx6{top:10px}.welcome.svelte-1x05zx6{margin-top:10px}.welcome.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:30px;margin-block:6px}.login-form.svelte-1x05zx6{gap:9px;margin-top:12px}.copyright.svelte-1x05zx6{margin-top:10px}.ecosystem-row.svelte-1x05zx6{margin-top:10px;padding-top:9px}.visual-copy.svelte-1x05zx6 h2:where(.svelte-1x05zx6){font-size:28px}.visual-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6){font-size:10px}}@media (max-height: 680px){.ecosystem-row.svelte-1x05zx6,.welcome-kicker.svelte-1x05zx6{display:none}.visual-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6){display:none}.visual-panel.svelte-1x05zx6{padding-top:55px}}@media (max-width: 1050px){.form-panel.svelte-1x05zx6{padding-inline:26px}.visual-panel.svelte-1x05zx6{padding-inline:22px}}@media (max-width: 820px){.login-shell.svelte-1x05zx6{display:flex;flex-direction:column;height:auto;min-height:100dvh;padding:48px 22px 14px}.back-home.svelte-1x05zx6{top:10px;left:24px}.form-panel.svelte-1x05zx6{order:2;padding:0;flex:1}.form-content.svelte-1x05zx6{width:min(400px,100%);margin:auto 0}.welcome.svelte-1x05zx6{margin-top:10px}.welcome.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:32px}.login-form.svelte-1x05zx6{gap:10px;margin-top:12px}.sso-divider.svelte-1x05zx6{margin-block:8px}.ecosystem-row.svelte-1x05zx6{margin-top:10px;padding-top:9px}.input-shell.svelte-1x05zx6 input:where(.svelte-1x05zx6){font-size:16px}.input-shell.svelte-1x05zx6 input:where(.svelte-1x05zx6)::placeholder{font-size:12px}.visual-panel.svelte-1x05zx6{order:1;display:block;flex:none;width:min(440px,100%);height:106px;min-height:0;margin:0 auto 14px;padding:18px;border-radius:14px}.visual-edition.svelte-1x05zx6,.visual-bottom.svelte-1x05zx6,.visual-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6),.visual-copy.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:none}.visual-copy.svelte-1x05zx6{margin:0;width:calc(100% - 116px)}.visual-copy.svelte-1x05zx6 h2:where(.svelte-1x05zx6){margin:9px 0 0;font-size:21px;line-height:1.2}.login-attendance.svelte-1x05zx6{position:absolute;top:0;bottom:0;right:2px;width:125px;height:100%}.attendance-fit.svelte-1x05zx6{width:min(100%,108cqh)}.ecosystem-row.svelte-1x05zx6>span:where(.svelte-1x05zx6){font-size:6px}.copyright.svelte-1x05zx6{margin-top:12px}}@media (max-width: 820px) and (max-height: 820px){.visual-panel.svelte-1x05zx6{display:none}}@media (max-width: 370px){.login-shell.svelte-1x05zx6{padding-inline:18px}.welcome.svelte-1x05zx6 h1:where(.svelte-1x05zx6){font-size:29px}.ecosystem-row.svelte-1x05zx6>span:where(.svelte-1x05zx6){display:none}.ecosystem-row.svelte-1x05zx6>div:where(.svelte-1x05zx6){justify-content:center;width:100%}.visual-copy.svelte-1x05zx6 h2:where(.svelte-1x05zx6){font-size:18px}}@media (max-width: 340px){.login-shell.svelte-1x05zx6{padding-inline:8px}}@media (prefers-reduced-motion: reduce){.login-page.svelte-1x05zx6 *,.login-page.svelte-1x05zx6 *:before,.login-page.svelte-1x05zx6 *:after{animation:none!important;transition:none!important}}