.login{--login-bg:#f3f4f6;--login-card:#fff;--login-line:#d7dbe0;--login-ink:#1f2328;--login-dim:#5c636b;--login-accent:#374151;--login-error-bg:#fdecec;--login-error-ink:#8a1c1c;background:var(--login-bg);min-height:100vh;color:var(--login-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.login-side{flex-direction:column;flex:1;align-items:center;padding:16px;display:flex}.login-center{flex:1;align-items:center;width:360px;max-width:100%;display:flex}.login-card{background:var(--login-card);border:1px solid var(--login-line);box-sizing:border-box;border-radius:12px;width:100%;padding:32px}.login-app{color:var(--login-accent);margin:0;font-size:14px;font-weight:700}.login-card h1{margin:2px 0 0;font-size:24px;font-weight:700}.login-sub{color:var(--login-dim);margin:2px 0 20px;font-size:14px}.login-error{background:var(--login-error-bg);color:var(--login-error-ink);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.login-field{margin-bottom:14px;display:block}.login-field span{color:var(--login-dim);margin-bottom:4px;font-size:13px;display:block}.login-field input{box-sizing:border-box;border:1px solid var(--login-line);width:100%;font:inherit;color:inherit;background:#fff;border-radius:8px;padding:11px 14px;font-size:16px}.login-field input:focus-visible{outline:2px solid var(--login-accent);outline-offset:1px}.login-check{align-items:center;gap:8px;margin:4px 0 18px;font-size:14px;display:flex}.login-check input{width:18px;height:18px;accent-color:var(--login-accent)}.login-submit{border:1px solid var(--login-accent);width:100%;color:var(--login-ink);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:11px;font-size:15px;font-weight:600}.login-submit:hover:not(:disabled){background:#f0f1f3}.login-submit:disabled{opacity:.6;cursor:progress}.login-note{color:var(--login-dim);text-align:center;background:#f3f4f6;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:13px}.login-footer{color:var(--login-dim);padding:8px 0;font-size:13px}.login-footer a{color:inherit}.login-art{background:#2a2420;flex:1;position:relative;overflow:hidden}.login-art-layer{image-rendering:pixelated;background-position:50%;background-size:cover;animation-name:login-fade-in,login-zoom;animation-timing-function:ease,linear;animation-fill-mode:both,forwards;position:absolute;inset:0}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.login-art-layer{animation-name:login-fade-in}}@media (width<=899px){.login-art{display:none}}.logout-btn{z-index:50;border:1px solid var(--edge,#6b4226);background:var(--panel,#fff7e6);color:var(--ink-dim,#6f5846);font-family:var(--font,inherit);cursor:pointer;opacity:.75;border-radius:6px;padding:4px 10px;font-size:12px;position:fixed;top:10px;right:12px}.logout-btn:hover{opacity:1}