:root{color-scheme:light;--ink:#101c3a;--muted:#667085;--line:#e4e7ec;--brand:#5b5ce2;--brand-dark:#4748cc;--bg:#f4f7fb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{min-height:100svh}.login-page{min-height:100svh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px);background:var(--login-card,#fff);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(16,28,58,.09);contain:layout paint}.login-header{text-align:center;min-height:150px}.login-wordmark{display:block;width:240px;height:66px;object-fit:contain;margin:0 auto 14px}.login-header h1{font-size:28px;line-height:1.2;margin:0 0 8px}.login-header p{color:var(--muted);margin:0}.login-alert{border:1px solid #fecdca;background:#fff4f3;color:#b42318;border-radius:10px;padding:12px 14px;margin:18px 0}.login-form{display:grid;gap:16px;margin-top:22px}.login-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.login-form input{width:100%;height:48px;border:1px solid var(--login-line,#d0d5dd);border-radius:10px;padding:0 14px;font:inherit;color:var(--ink);background:var(--login-input,#fff);outline:none}.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,92,226,.14)}.login-form button{height:48px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:700 16px/1 system-ui;cursor:pointer;box-shadow:0 8px 18px rgba(91,92,226,.22)}.login-form button:hover{background:var(--brand-dark)}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:24px 0 14px}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.google-login-form{min-height:44px}.google-login-slot{width:320px;max-width:100%;height:44px;min-height:44px;margin:auto;display:flex;justify-content:center;overflow:hidden}.login-card footer{text-align:center;color:var(--login-muted,#98a2b3);font-size:12px;line-height:1.65;margin-top:24px}@media(max-width:520px){.login-page{padding:14px}.login-card{padding:24px;border-radius:16px;box-shadow:0 10px 30px rgba(16,28,58,.07)}.login-header{min-height:134px}.login-wordmark{width:220px;height:60px}.login-header h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Tork V6.1.0 login appearance and password visibility */
.login-card{position:relative}.login-appearance{position:absolute;right:14px;top:14px;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--login-input,#fff)}.login-appearance button{width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.login-appearance button.active{background:#eeeeff;color:var(--brand)}.password-field-wrap{position:relative;display:block;width:100%}.password-field-wrap>input{padding-right:46px!important}.password-visibility-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;display:grid;place-items:center}.password-visibility-toggle:hover{background:#eeeeff!important;color:var(--brand)!important}
html[data-appearance="dark"]{--ink:#eef2ff;--muted:#a8b1c4;--line:#30394c;--bg:#0d1320;color-scheme:dark}
html[data-appearance="dark"] body,html[data-appearance="dark"] .login-page{background:#0d1320;color:var(--ink)}
html[data-appearance="dark"] .login-card{background:#171e2d;border-color:var(--line);box-shadow:0 22px 60px rgba(0,0,0,.38)}
html[data-appearance="dark"] .login-form input{background:#101725;border-color:#354057;color:var(--ink)}
html[data-appearance="dark"] .login-appearance{background:#101725;border-color:var(--line)}
html[data-appearance="dark"] .login-appearance button.active{background:#29245a;color:#c7c4ff}
html[data-appearance="dark"] .login-divider:before,html[data-appearance="dark"] .login-divider:after{background:var(--line)}

/* Tork V6.1.1 — complete login appearance system */
:root,html[data-appearance="light"]{
  color-scheme:light;
  --login-bg:#f4f6fb;
  --login-card:#ffffff;
  --login-input:#ffffff;
  --login-text:#101828;
  --login-muted:#667085;
  --login-line:#dfe4ec;
  --login-soft:#f5f6ff;
  --login-shadow:0 22px 64px rgba(15,23,42,.12);
}
html[data-appearance="dark"]{
  color-scheme:dark;
  --login-bg:#0b1120;
  --login-card:#141d2d;
  --login-input:#0f1726;
  --login-text:#f8fafc;
  --login-muted:#a8b2c6;
  --login-line:#2a364b;
  --login-soft:#202b40;
  --login-shadow:0 26px 72px rgba(0,0,0,.48);
  --ink:var(--login-text);
  --muted:var(--login-muted);
  --line:var(--login-line);
  --bg:var(--login-bg);
}
html,body,.login-page{background:var(--login-bg)!important;color:var(--login-text)!important}
body{
  background:
    radial-gradient(circle at 85% 8%,rgba(91,92,226,.17),transparent 30rem),
    radial-gradient(circle at 5% 95%,rgba(17,167,216,.10),transparent 28rem),
    var(--login-bg)!important;
}
.login-card{background:var(--login-card)!important;border-color:var(--login-line)!important;box-shadow:var(--login-shadow)!important;color:var(--login-text)!important}
.login-header h1{color:var(--login-text)!important}.login-header p,.login-card footer,.login-divider{color:var(--login-muted)!important}
.login-form label{color:var(--login-text)!important}
.login-form input{background:var(--login-input)!important;border-color:var(--login-line)!important;color:var(--login-text)!important}
.login-form input::placeholder{color:var(--login-muted)!important}
.login-form input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(91,92,226,.18)!important}
.login-appearance{background:var(--login-input)!important;border-color:var(--login-line)!important}
.login-appearance button{color:var(--login-muted)!important}.login-appearance button:hover{background:var(--login-soft)!important;color:var(--brand)!important}.login-appearance button.active{background:var(--login-soft)!important;color:var(--brand)!important}
.login-divider:before,.login-divider:after{background:var(--login-line)!important}
.password-visibility-toggle{color:var(--login-muted)!important}.password-visibility-toggle:hover,.password-visibility-toggle:focus{background:var(--login-soft)!important;color:var(--brand)!important}
.login-alert{background:#3c1d28!important;border-color:#6d2b3a!important;color:#ffb3c0!important}
html[data-appearance="light"] .login-alert{background:#fff4f3!important;border-color:#fecdca!important;color:#b42318!important}
:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}
@media(max-width:520px){.login-card{border-radius:18px}.login-appearance{right:10px;top:10px}}