body,html{height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}.login-bg{background:radial-gradient(circle at 60% 40%,#3a7bd5,#1e3c72);width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-panel{background:#ffffff1a;border-radius:18px;box-shadow:0 8px 32px #1f26875e;padding:40px 32px 32px;display:flex;flex-direction:column;align-items:center;min-width:320px}.avatar{width:90px;height:90px;background:#fff;border-radius:50%;margin-bottom:18px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#888;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90"><circle cx="45" cy="45" r="45" fill="white"/><circle cx="45" cy="38" r="18" fill="none" stroke="gray" stroke-width="3"/><ellipse cx="45" cy="65" rx="22" ry="13" fill="none" stroke="gray" stroke-width="3"/></svg>');background-size:cover}.username{color:#fff;font-size:1.3em;margin-bottom:18px;font-weight:500;text-shadow:0 1px 4px #0003}#loginForm{width:100%;display:flex;flex-direction:column;align-items:center}#password{width:220px;padding:10px 12px;border-radius:6px;border:none;margin-bottom:8px;font-size:1em;background:#222a;color:#fff;outline:none;box-shadow:0 1px 4px #0002}#password::placeholder{color:#bbb}button[type=submit]{background:#2563eb;color:#fff;border:none;border-radius:50%;width:38px;height:38px;font-size:1.3em;cursor:pointer;margin-bottom:8px;transition:background .2s}button[type=submit]:hover{background:#1e40af}.error-msg{color:#ff4d4f;font-size:.95em;min-height:18px;margin-bottom:4px;text-align:center}.links{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.links a{color:#e0e0e0;font-size:.98em;text-decoration:none;opacity:.85;transition:text-decoration .2s,opacity .2s}.links a:hover{text-decoration:underline;opacity:1}.user-switch{position:absolute;left:32px;bottom:32px;display:flex;flex-direction:column;gap:6px}.user{color:#fff;background:#0000002e;border-radius:18px;padding:6px 18px 6px 10px;font-size:1em;display:flex;align-items:center;gap:8px;opacity:.85}.user.active{background:#ffffff2e;font-weight:600;opacity:1}.login-icons{position:absolute;right:32px;bottom:32px;display:flex;gap:18px;color:#fff;font-size:1.3em;opacity:.85}.login-icons span{cursor:default}