.xp-login-root{background-color:#587cdb;flex-direction:column;width:100%;min-height:100dvh;font-family:Tahoma,Segoe UI,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.xp-dots{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#0000002e 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}.xp-topbar{z-index:2;background:linear-gradient(#001a7a 0%,#002d99 40%,#003ab8 100%);flex-shrink:0;height:60px;position:relative;box-shadow:0 2px #ffffff14,0 3px #0000004d}.xp-main{z-index:2;flex:1;justify-content:center;align-items:center;gap:0;padding:3rem 0;display:flex;position:relative}.xp-left{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;max-width:480px;padding:0 3rem;display:flex}.xp-logo{align-items:center;gap:12px;display:flex}.xp-logo-text{align-items:baseline;gap:4px;display:flex}.xp-logo-brand{color:#fff;text-shadow:2px 2px #0000004d;letter-spacing:-1px;font-size:2.6rem;font-style:italic;font-weight:900}.xp-logo-xp{color:#e84040;margin-bottom:6px;font-size:1.1rem;font-style:italic;font-weight:700}.xp-logo-sub{color:#ffffffbf;letter-spacing:.5px;margin:0;font-size:.78rem;font-style:italic}.xp-divider-h{background:linear-gradient(90deg,#0000,#fff6,#0000);width:80%;height:1px;margin:.25rem 0}.xp-instruction{color:#fff;text-align:center;opacity:.9;margin:0;font-size:1rem;line-height:1.5}.xp-vdivider{background:linear-gradient(#0000 0%,#fff6 20% 80%,#0000 100%);flex-shrink:0;align-self:stretch;width:1px;margin:0 1rem}.xp-right{flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:480px;padding:0 3rem;display:flex}.xp-user-card{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:16px;padding:12px 20px 12px 12px;transition:background .15s;display:flex}.xp-user-card:hover{background:#ffffff1f}.xp-user-card:hover .xp-avatar{border-color:#fff;box-shadow:0 0 0 1px #fff,0 0 10px #ffffff4d}.xp-avatar{background:#3165c4;border:2px solid #fff9;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.xp-user-info{flex-direction:column;gap:3px;display:flex}.xp-user-name{color:#fff;text-shadow:1px 1px 2px #0006;font-size:1.15rem;font-weight:700}.xp-user-role{color:#e8c030;font-size:.75rem;font-weight:600}.xp-form-panel{flex-direction:column;gap:14px;width:100%;max-width:300px;animation:.2s ease-out xpFadeIn;display:flex}@keyframes xpFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xp-tabs{border:1px solid #ffffff40;border-radius:2px;display:flex;overflow:hidden}.xp-tab{color:#ffffffb3;cursor:pointer;background:#00000026;border:none;flex:1;padding:5px 10px;font-family:Tahoma,sans-serif;font-size:11px;font-weight:600;transition:background .1s,color .1s}.xp-tab.active{color:#fff;background:linear-gradient(#0058ee 0%,#3593ff 4%,#288eff 6%,#127dff 8%,#036ffc 10%,#0262ee 14%,#0057e5 20%,#0054e3 24%,#0055eb 56%,#005bf5 66%,#026afe 76%,#0052d6 92%,#0040ab 94%,#003092 100%)}.xp-tab:not(.active):hover{color:#fff;background:#ffffff1a}.xp-form{flex-direction:column;gap:10px;display:flex}.xp-field{flex-direction:column;gap:3px;display:flex}.xp-field label{color:#fffc;text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.xp-field input{color:#000;background:#ece9d8;border:2px inset #fff;border-color:#5c5c5c #fff #fff #5c5c5c;border-radius:0;outline:none;padding:4px 6px;font-family:Tahoma,sans-serif;font-size:12px}.xp-field input:focus{background:#fff;border-color:#0058ee;box-shadow:0 0 0 1px #0058ee}.xp-field input::placeholder{color:#848484}.xp-error{color:#fca5a5;background:#f8717133;border:1px solid #f8717180;padding:5px 8px;font-family:Tahoma,sans-serif;font-size:11px}.xp-submit{color:#000;cursor:pointer;letter-spacing:.2px;background:linear-gradient(#fff 0%,#ece9d8 45%,#d6d2c2 100%);border:2px outset #fff;border-radius:3px;align-self:flex-start;padding:5px 16px;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;box-shadow:inset 1px 1px #fff,inset -1px -1px #848484}.xp-submit:hover{background:linear-gradient(#e8f0ff 0%,#c8d8f0 100%);border-color:#0058ee}.xp-submit:active{border-style:inset;box-shadow:inset 1px 1px #848484,inset -1px -1px #fff}.xp-submit:disabled{opacity:.6;cursor:not-allowed}.xp-back-card{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Tahoma,sans-serif;font-size:10px}.xp-back-card:hover{color:#fff;text-decoration:underline}.xp-bottombar{z-index:2;background:linear-gradient(#001a7a 0%,#002d99 40%,#003ab8 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 20px;display:flex;position:relative;box-shadow:0 -2px #ffffff14,0 -3px #00000040}.xp-restart{cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:10px;padding:4px 8px;transition:background .1s;display:flex}.xp-restart:hover{background:#ffffff1a}.xp-restart span{color:#ffffffe6;white-space:nowrap;font-family:Tahoma,sans-serif;font-size:11px}.xp-bottom-msg{color:#ffffffa6;text-align:right;max-width:360px;margin:0;font-family:Tahoma,sans-serif;font-size:10px;line-height:1.5}@media (max-width:600px){.xp-main{flex-direction:column;gap:2rem;padding:2rem 1.5rem}.xp-left,.xp-right{width:100%;max-width:100%;padding:0}.xp-vdivider{align-self:unset;background:linear-gradient(90deg,#0000,#fff6,#0000);width:80%;height:1px;margin:0}.xp-logo-brand{font-size:2rem}.xp-topbar{height:44px}.xp-bottombar{flex-wrap:wrap;height:auto;min-height:48px;padding:8px 16px}.xp-bottom-msg{text-align:left;font-size:9px}.xp-form-panel{max-width:100%}}