:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}#root{width:100%;min-height:100dvh}.login-page{--login-page-bg:#f7f8fb;--login-card-bg:#fff;--login-border:#dde3ea;--login-text:#111827;--login-muted:#667085;--login-input-bg:#fff;--login-input-border:#cbd5e1;--login-input-placeholder:#697586;--login-shadow:0 20px 45px #0f172a1f;--login-switch-bg:#eef2f7;--login-switch-active-bg:#fff;--login-switch-text:#4b5563;--login-separator:#d7dee8;--login-microsoft-bg:#fff;--login-microsoft-hover-bg:#f8fafc;--login-microsoft-text:#24292f;background:var(--login-page-bg);color:var(--login-text);font-family:var(--login-font-family);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:clamp(1rem,5vh,3rem) 1rem;display:flex;overflow-y:auto}[data-bs-theme=dark] .login-page{--login-page-bg:#111827;--login-card-bg:#1f2937;--login-border:#334155;--login-text:#f9fafb;--login-muted:#cbd5e1;--login-input-bg:#111827;--login-input-border:#475569;--login-input-placeholder:#94a3b8;--login-shadow:0 24px 50px #00000061;--login-switch-bg:#0f172a;--login-switch-active-bg:#334155;--login-switch-text:#d7dee8;--login-separator:#475569;--login-microsoft-bg:#111827;--login-microsoft-hover-bg:#1e293b;--login-microsoft-text:#f8fafc}.login-card-shell{width:100%;max-width:500px}.login-topbar{justify-content:flex-end;min-height:2.5rem;margin-bottom:.75rem;display:flex}.login-language-switch{background:var(--login-switch-bg);border:1px solid var(--login-border);border-radius:999px;align-items:center;gap:.125rem;padding:.25rem;display:inline-flex}.login-language-button{appearance:none;color:var(--login-switch-text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;min-width:2.35rem;padding:.58rem .62rem;font-size:.92rem;font-weight:800;line-height:1}.login-language-button.is-active{background:var(--login-switch-active-bg);color:var(--login-text);box-shadow:0 1px 4px #0f172a2e}.login-language-button:focus-visible{box-shadow:0 0 0 .25rem var(--login-focus-ring);outline:0}.login-frame{background:var(--login-card-bg);border:1px solid var(--login-border);box-shadow:var(--login-shadow);border-radius:8px;overflow:hidden}.login-brand-header{background:var(--login-accent);color:var(--login-accent-text);justify-content:center;align-items:center;gap:.75rem;min-height:5.25rem;padding:1.25rem;display:flex}.login-brand-icon{flex:none}.login-brand-logo{width:11rem;max-width:min(12rem,70vw);height:auto;display:block}.login-brand-name{font-size:1.5rem;font-weight:800;line-height:1.1}[data-login-theme=hankintakanava] .login-brand-header{gap:1rem}[data-login-theme=hankintakanava] .login-brand-name{font-size:clamp(1.65rem,7vw,1.95rem);font-weight:850}[data-login-theme=kidra] .login-brand-header{min-height:6rem}.login-card-body{background:var(--login-card-bg);color:var(--login-text);padding:clamp(1.75rem,6vw,3rem)}.login-title{color:var(--login-text);text-align:center;margin:0 0 1.5rem;font-size:clamp(1.75rem,4vw,2rem);font-weight:500;line-height:1.2}.login-input.form-control{background:var(--login-input-bg);border-color:var(--login-input-border);color:var(--login-text)}.login-input.form-control::placeholder{color:var(--login-input-placeholder);opacity:1}.login-input.form-control:focus{background:var(--login-input-bg);border-color:var(--login-accent);box-shadow:0 0 0 .25rem var(--login-focus-ring);color:var(--login-text)}.login-check .form-check-input{background-color:var(--login-input-bg);border-color:var(--login-input-border);cursor:pointer}.login-check .form-check-input:checked{background-color:var(--login-accent);border-color:var(--login-accent)}.login-check .form-check-input:focus{border-color:var(--login-accent);box-shadow:0 0 0 .25rem var(--login-focus-ring)}.login-check-label{color:var(--login-text);cursor:pointer;margin-left:.5rem}.login-primary-button.btn{background:var(--login-accent);border-color:var(--login-accent);color:var(--login-button-text);font-weight:800}.login-primary-button.btn:hover,.login-primary-button.btn:focus{background:color-mix(in srgb, var(--login-accent) 90%, #000);border-color:color-mix(in srgb, var(--login-accent) 90%, #000);color:var(--login-button-text)}.login-primary-button.btn:focus-visible{box-shadow:0 0 0 .25rem var(--login-focus-ring)}.login-primary-button.btn:disabled{background:var(--login-accent);border-color:var(--login-accent);color:var(--login-button-text);opacity:.62}.login-link-button.btn-link{color:var(--login-text);text-decoration:none}.login-link-button.btn-link:hover,.login-link-button.btn-link:focus{color:var(--login-accent)}.login-separator{color:var(--login-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.9rem;display:flex}.login-separator:before,.login-separator:after{background:var(--login-separator);content:"";flex:1;height:1px}.microsoft-login-button.btn{background:var(--login-microsoft-bg);border-color:var(--login-input-border);color:var(--login-microsoft-text);justify-content:center;align-items:center;gap:.75rem;font-weight:600;display:inline-flex}.microsoft-login-button.btn:hover,.microsoft-login-button.btn:focus{background:var(--login-microsoft-hover-bg);border-color:var(--login-muted);color:var(--login-microsoft-text)}.microsoft-login-button.btn:focus-visible{box-shadow:0 0 0 .25rem var(--login-focus-ring)}.microsoft-logo{grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);gap:2px;width:20px;height:20px;display:grid}.microsoft-logo span:first-child{background:#f25022}.microsoft-logo span:nth-child(2){background:#7fba00}.microsoft-logo span:nth-child(3){background:#00a4ef}.microsoft-logo span:nth-child(4){background:#ffb900}@media (width<=575.98px){.login-card-shell{max-width:100%}.login-topbar{justify-content:center}.login-brand-header{min-height:4.75rem}}