html:has(.n-ekran-logowania){overscroll-behavior:none}html:has(.n-ekran-logowania) body{overscroll-behavior:none}.n-ekran-logowania{flex-direction:column;align-items:center;min-height:100dvh;padding:24px;display:flex}.n-logowanie-scena{flex-direction:column;align-items:center;gap:24px;margin:auto 0;display:flex;position:relative}.n-logowanie-tafla{background:var(--n-szklo-2);-webkit-backdrop-filter:blur(28px)saturate(160%);border:1px solid var(--n-szklo-obrys);box-shadow:var(--n-szklo-blask), var(--n-shadow-card);isolation:isolate;border-radius:28px;flex-direction:column;align-items:center;gap:28px;margin:0;padding:44px 52px 40px;display:flex;position:relative;overflow:visible}.n-logowanie-tafla.n-ramka-obrot:before{background:conic-gradient(from var(--n-ramka-kat), transparent 0deg, transparent 250deg, color-mix(in srgb, var(--n-accent) 0%, transparent) 272deg, color-mix(in srgb, var(--n-accent-jasny) 50%, transparent) 310deg, var(--n-accent-jasny) 332deg, var(--n-accent) 348deg, transparent 360deg);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--n-accent-jasny) 55%, transparent));border-radius:30px;padding:2px;animation:6.4s linear infinite n-ramka-kat-tafla;inset:-2px}@keyframes n-ramka-kat-tafla{0%{--n-ramka-kat:0deg}7%{--n-ramka-kat:22deg}19%{--n-ramka-kat:38deg}38%{--n-ramka-kat:142deg}50%{--n-ramka-kat:158deg}57%{--n-ramka-kat:202deg}69%{--n-ramka-kat:218deg}88%{--n-ramka-kat:322deg}to{--n-ramka-kat:360deg}}.n-siatka-kont{flex-direction:column;align-items:center;gap:16px;display:flex}.n-rzad-kont{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.n-admin-logowania{border-top:1px solid var(--n-border-subtle);justify-content:center;gap:12px;width:100%;padding-top:20px;display:flex}.n-kafelek-konta,.n-klawisz-pin,.n-kafelek-admina{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--n-text) 8%, transparent);transition:transform var(--n-duration) var(--n-ease), background-color var(--n-duration) var(--n-ease), border-color var(--n-duration) var(--n-ease), box-shadow var(--n-duration) var(--n-ease), color var(--n-duration) var(--n-ease);justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.n-kafelek-konta:focus-visible,.n-klawisz-pin:focus-visible,.n-kafelek-admina:focus-visible,.n-link-logowania:focus-visible{outline:2px solid var(--n-accent);outline-offset:3px}.n-kafelek-konta:disabled,.n-klawisz-pin:disabled,.n-kafelek-admina:disabled,.n-link-logowania:disabled{cursor:default;opacity:.4}.n-kafelek-konta{border-radius:var(--n-radius-lg);background:var(--n-szklo-3);border:1px solid var(--n-szklo-obrys);width:96px;height:96px;color:var(--n-text);font-family:var(--n-font-mono);letter-spacing:.04em;font-size:26px;position:relative}.n-kafelek-admina{background:var(--n-surface);border:1px solid var(--n-border);width:44px;height:44px;color:var(--n-text-dim);border-radius:50%}.n-kafelek-konta--glowne{background:color-mix(in srgb, var(--n-accent) 12%, var(--n-surface));border:2px solid var(--n-accent);color:var(--n-accent);box-shadow:var(--n-shadow-accent), inset 0 1px 0 color-mix(in srgb, var(--n-accent) 28%, transparent)}.n-klawisz-pin{border-radius:var(--n-radius-lg);background:var(--n-surface);border:1px solid var(--n-border);width:76px;height:76px;color:var(--n-text);font-family:var(--n-font-mono)}.n-link-logowania{appearance:none;min-height:44px;color:var(--n-text-muted);cursor:pointer;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;transition:color var(--n-duration) var(--n-ease);background:0 0;border:none;margin:0;padding:0 8px;font-size:13px;text-decoration:underline}@media (hover:hover){.n-kafelek-konta:hover:not(:disabled){background:var(--n-elevated);border-color:var(--n-border-elevated);box-shadow:var(--n-shadow-lift), inset 0 1px 0 color-mix(in srgb, var(--n-accent) 18%, transparent);transform:translateY(-3px)}.n-kafelek-konta--glowne:hover:not(:disabled){background:color-mix(in srgb, var(--n-accent) 20%, var(--n-elevated));border-color:var(--n-accent);box-shadow:var(--n-shadow-accent), var(--n-shadow-lift), inset 0 1px 0 color-mix(in srgb, var(--n-accent) 36%, transparent)}.n-kafelek-admina:hover:not(:disabled){background:var(--n-elevated);border-color:var(--n-border-elevated);color:var(--n-text-muted);box-shadow:var(--n-shadow-lift), inset 0 1px 0 color-mix(in srgb, var(--n-text) 8%, transparent);transform:translateY(-2px)}.n-klawisz-pin:hover:not(:disabled){background:var(--n-elevated);border-color:var(--n-border-elevated);box-shadow:var(--n-shadow-lift), inset 0 1px 0 color-mix(in srgb, var(--n-accent) 22%, transparent);transform:translateY(-2px)}.n-link-logowania:hover:not(:disabled){color:var(--n-text)}}.n-kafelek-konta:active:not(:disabled),.n-klawisz-pin:active:not(:disabled),.n-kafelek-admina:active:not(:disabled){background:var(--n-sunken);box-shadow:var(--n-shadow-press);transform:translateY(1px)}.n-kafelek-konta--glowne:active:not(:disabled){background:color-mix(in srgb, var(--n-accent) 10%, var(--n-sunken));border-color:var(--n-accent);box-shadow:var(--n-shadow-press)}.n-klawiatura-pin{flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.n-pin-sloty{z-index:1;justify-content:center;align-items:center;gap:12px;min-height:22px;display:flex;position:relative}.n-pin-siatka{z-index:1;grid-template-columns:repeat(3,76px);gap:16px;display:grid;position:relative}.n-pin-slot{border:1px solid var(--n-border-strong);width:16px;height:16px;transition:width var(--n-duration) var(--n-ease), height var(--n-duration) var(--n-ease), background-color var(--n-duration) var(--n-ease), border-color var(--n-duration) var(--n-ease), box-shadow var(--n-duration) var(--n-ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.n-pin-slot--wypelniony{background:var(--n-accent);border-color:var(--n-accent)}.n-pin-slot--ostatni{animation:n-pin-slot-impuls .32s var(--n-ease)}.n-pin-status{text-align:center;color:var(--n-positive);pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:-24px;left:0;right:0}.n-klawisz-pin--impuls{animation:n-pin-impuls .32s var(--n-ease)}@keyframes n-pin-impuls{0%{transform:translateY(1px)}35%{background:color-mix(in srgb, var(--n-accent) 16%, var(--n-elevated));border-color:var(--n-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--n-accent) 22%, transparent), 0 10px 22px color-mix(in srgb, var(--n-accent) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--n-accent) 30%, transparent);transform:translateY(-2px)}to{transform:none}}@keyframes n-pin-slot-impuls{0%{transform:scale(1)}40%{box-shadow:0 0 0 4px color-mix(in srgb, var(--n-accent) 24%, transparent), 0 0 14px color-mix(in srgb, var(--n-accent) 40%, transparent);transform:scale(1.18)}to{transform:scale(1)}}.n-klawiatura-pin--sukces:before{content:"";background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--n-positive) 26%, transparent), transparent 68%);pointer-events:none;animation:n-pin-halo var(--n-duration-lg) var(--n-ease) both;position:absolute;inset:-36px -28px -20px}.n-klawiatura-pin--sukces .n-pin-slot--sukces{background:var(--n-positive);border-color:var(--n-positive);width:22px;height:22px;box-shadow:0 0 0 3px var(--n-positive-bg), 0 6px 16px color-mix(in srgb, var(--n-positive) 32%, transparent);animation:n-pin-slot-ok var(--n-duration-lg) var(--n-ease) both;animation-delay:calc(var(--i,0) * 28ms)}.n-klawiatura-pin--sukces .n-klawisz-pin{animation:n-pin-klawisz-ok var(--n-duration-lg) var(--n-ease) both;animation-delay:calc(var(--i,0) * 32ms)}.n-klawiatura-pin--zajeta .n-klawisz-pin:disabled,.n-klawiatura-pin--sukces .n-klawisz-pin:disabled,.n-klawiatura-pin--blad .n-klawisz-pin:disabled{opacity:1}.n-klawiatura-pin--blad{animation:n-pin-wstrzas .42s var(--n-ease)}.n-klawiatura-pin--blad .n-pin-slot--wypelniony{background:var(--n-negative);border-color:var(--n-negative);box-shadow:0 0 0 3px color-mix(in srgb, var(--n-negative) 16%, transparent), 0 4px 12px color-mix(in srgb, var(--n-negative) 22%, transparent)}.n-klawiatura-pin--blad .n-klawisz-pin{border-color:color-mix(in srgb, var(--n-negative) 38%, var(--n-border))}@keyframes n-pin-wstrzas{0%,to{transform:translate(0)}14%{transform:translate(-11px)}28%{transform:translate(10px)}42%{transform:translate(-8px)}56%{transform:translate(6px)}70%{transform:translate(-4px)}84%{transform:translate(2px)}}@keyframes n-pin-halo{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes n-pin-slot-ok{0%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes n-pin-klawisz-ok{0%{transform:none}42%{background:color-mix(in srgb, var(--n-positive) 18%, var(--n-surface));border-color:var(--n-positive);color:var(--n-positive);box-shadow:0 0 0 1px var(--n-positive-border), 0 10px 22px color-mix(in srgb, var(--n-positive) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--n-positive) 28%, transparent);transform:translateY(-3px)scale(1.04)}to{background:color-mix(in srgb, var(--n-positive) 10%, var(--n-surface));border-color:var(--n-positive);color:var(--n-positive);box-shadow:0 0 0 1px var(--n-positive-border), inset 0 1px 0 color-mix(in srgb, var(--n-positive) 20%, transparent);transform:none}}@media (prefers-reduced-motion:reduce){.n-logowanie-tafla.n-ramka-obrot:before,.n-klawisz-pin--impuls,.n-pin-slot--ostatni,.n-klawiatura-pin--sukces:before,.n-klawiatura-pin--sukces .n-pin-slot--sukces,.n-klawiatura-pin--sukces .n-klawisz-pin,.n-klawiatura-pin--blad{animation:none}.n-logowanie-tafla.n-ramka-obrot:before{filter:none;background:0 0}.n-klawiatura-pin--sukces .n-klawisz-pin{background:color-mix(in srgb, var(--n-positive) 10%, var(--n-surface));border-color:var(--n-positive);color:var(--n-positive)}.n-klawiatura-pin--blad .n-pin-slot--wypelniony{background:var(--n-negative);border-color:var(--n-negative)}}@media (max-width:1100px) and (pointer:coarse){.n-ekran-logowania .n-znak{--n-znak-szerokosc:calc(10.5rem * 1.05)}}@media (max-width:700px) and (pointer:coarse){.n-ekran-logowania .n-znak{--n-znak-szerokosc:calc(9.5rem * 1.05)}}.n-logowanie-podpis-wejscia{letter-spacing:.08em;text-transform:uppercase;color:var(--n-text-label);margin:-16px 0 0;font-size:13px;font-weight:600}