body.login-mode{height:auto;min-height:100vh;overflow:auto}body.login-mode>.top,body.login-mode>.stage{display:none}.login-wrap{background:radial-gradient(80% 70% at 85% 0%, #276fc329 0%, transparent 60%), radial-gradient(60% 60% at 0% 100%, #f3702114 0%, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:14px;padding:34px 34px 22px;display:grid}.login-brand{color:var(--navy);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.login-brand b{color:var(--orange)}.login-brand .mk{color:#fff;background:linear-gradient(135deg, var(--blue), var(--navy));border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.login-card h1{font-size:var(--fs-2xl);color:var(--ink);letter-spacing:-.02em;margin:10px 0 0}.login-sub{color:var(--muted);font-size:var(--fs-md);margin:0;line-height:1.6}.login-btn{background:var(--navy);color:#fff;width:100%;font-size:var(--fs-base);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:12px 16px;font-weight:600;transition:background .15s;display:inline-flex}.login-btn:hover{background:var(--blue)}.login-btn.ghost{color:var(--navy);border:1px solid var(--line);background:#fff}.login-btn.ghost:hover{border-color:var(--blue-2);background:var(--blue-50)}.login-state{min-height:20px;color:var(--muted);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.login-state svg{color:var(--ok)}.login-state .spin{border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite sp}.login-err{color:var(--bad);background:#fdf2f1;border:1px solid #f3c9c5;border-radius:12px;gap:12px;padding:12px 14px;display:flex}.login-err div{gap:2px;display:grid}.login-err b{font-size:var(--fs-md)}.login-err span{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5}.login-skip{color:var(--muted);font-size:var(--fs-sm);justify-self:center;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.login-skip:hover{color:var(--orange-d)}.login-foot{border-top:1px solid var(--line-2);color:var(--muted);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:14px;display:flex}.login-foot>span{align-items:center;gap:5px;display:inline-flex}@keyframes sp{to{transform:rotate(360deg)}}.user-chip{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;max-width:220px;padding:3px 4px 3px 3px;display:inline-flex}.user-chip .av{background:var(--navy);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.user-chip .nm{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-chip .out{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.user-chip .out:hover{background:var(--orange-50);color:var(--orange-d)}.btn.user-in{flex:none;text-decoration:none}@media (max-width:1500px){.top .user-chip .nm{display:none}.top .user-chip{padding-right:3px}}@media (max-width:860px){.user-chip .nm{display:none}}@media print{.user-chip,.btn.user-in{display:none}}