.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--app-bg);color:var(--text)}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(28px,4vw,56px);border-right:1px solid var(--line);background:radial-gradient(120% 90% at 15% 12%,rgba(56,189,248,.16),transparent 60%),radial-gradient(100% 80% at 85% 88%,rgba(37,99,235,.16),transparent 62%),var(--panel)}.login-map{position:absolute;left:50%;top:50%;width:100%;height:auto;color:var(--accent);opacity:.9;transform:translate(-50%,-50%) scale(1.35)}.login-land{opacity:.55}:root[data-theme=light] .login-map{opacity:.75}.login-brand-copy,.login-brand-foot,.login-brand-top{position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.01em}.login-logo-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;flex:none;box-shadow:0 10px 30px rgba(14,165,233,.35)}.login-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.login-brand-copy h1{margin:0 0 12px;font-size:clamp(26px,3.1vw,42px);line-height:1.12;letter-spacing:-.02em}.login-brand-copy p{color:var(--muted);max-width:46ch;margin:0;line-height:1.6}.login-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.login-stat{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-stat strong{display:block;font-size:18px}.login-stat small{color:var(--muted);font-size:11px}.login-brand-foot{color:var(--muted);font-size:12px}.login-form-side{display:grid;place-items:center;padding:clamp(24px,4vw,56px)}.login-card{width:100%;max-width:420px}.login-card h2{margin:0 0 6px;font-size:26px;letter-spacing:-.01em}.login-card p.login-sub{color:var(--muted);margin:0 0 24px;font-size:14px}.login-field{display:grid;grid-gap:7px;gap:7px;margin-bottom:16px;position:relative}.login-field:focus-within{z-index:20}.login-field>span{font-size:13px;font-weight:600;color:var(--text2)}.login-field input{width:100%;padding:13px 14px;font-size:15px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-field input::placeholder{color:var(--muted);opacity:.7}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(56,189,248,.16);background:var(--field2)}.login-field .port-autocomplete,.login-field .searchable-select{position:relative}.login-field .port-autocomplete input,.login-field .searchable-select input{padding-right:40px}.login-field .ss-caret{right:10px;left:auto}.login-pw{position:relative}.login-pw input{padding-right:46px}.login-pw button{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;margin:0;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:var(--muted);cursor:pointer}.login-pw button:hover{color:var(--text);background:var(--btn2)}.login-submit{width:100%;margin-top:6px;padding:14px 16px;border:0;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 10px 26px rgba(14,165,233,.28)}.login-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-error{border:1px solid #7f1d1d;background:#2a0b0b;color:#fca5a5;padding:11px 13px;border-radius:11px;font-size:13px;margin-bottom:14px}:root[data-theme=light] .login-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.login-switch{margin-top:20px;font-size:14px;color:var(--muted);text-align:center}.login-linklike{background:none;border:0;padding:0;margin:0;width:auto;color:var(--accent);font-weight:700;cursor:pointer;font-size:inherit}.login-linklike:hover{text-decoration:underline}.login-spinner{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-right:8px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-animate{opacity:0;animation:login-rise .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes login-dash{to{stroke-dashoffset:0}}.login-route{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:login-dash 5s ease-in-out infinite alternate}@keyframes login-pulse{0%,to{r:2.6;opacity:.5}50%{r:5;opacity:1}}.login-node{animation:login-pulse 3.6s ease-in-out infinite}@keyframes login-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(4%,-5%) scale(1.08)}66%{transform:translate(-3%,4%) scale(.96)}to{transform:translate(0) scale(1)}}.login-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:login-drift 22s ease-in-out infinite}.login-blob-a{width:46%;padding-bottom:46%;left:-8%;top:-6%;background:rgba(14,165,233,.3)}.login-blob-b{width:52%;padding-bottom:52%;right:-12%;bottom:-14%;background:rgba(37,99,235,.26);animation-duration:28s;animation-direction:reverse}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--line);padding:26px 22px 30px;gap:18px;min-height:260px;justify-content:center}.login-brand-copy h1{font-size:clamp(22px,6vw,30px)}.login-brand-copy p{max-width:none;font-size:14px}.login-brand-foot{display:none}.login-map{transform:translate(-50%,-50%) scale(1.05)}.login-form-side{padding:26px 22px 40px;align-items:start}.login-card{max-width:460px}}@media (max-width:560px){.login-brand{padding:22px 18px 26px;min-height:220px}.login-brand-copy p,.login-stats{display:none}.login-card h2{font-size:23px}.login-field input{font-size:16px}}@media (orientation:landscape) and (max-height:560px){.login-brand{min-height:0;padding:14px 20px;gap:8px;justify-content:flex-start}.login-brand-copy h1{font-size:19px;margin-bottom:0}.login-brand-copy p,.login-brand-foot,.login-stats{display:none}.login-map{opacity:.7;transform:translate(-50%,-50%) scale(1)}.login-form-side{padding:20px}}@media (prefers-reduced-motion:reduce){.login-animate{opacity:1;animation:none}.login-route{stroke-dashoffset:0}.login-blob,.login-node,.login-route{animation:none}.login-submit:hover:not(:disabled){transform:none}}