.login-screen{width:100%;height:100vh;background-color:teal;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;overflow:hidden;position:relative}.login-logo{margin-bottom:30px;text-align:center;position:relative;z-index:2}.login-logo h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.login-logo h1{font-size:1.5rem}}.login-logo h1:before{content:"";display:inline-block;width:40px;height:40px;margin-right:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 14'%3E%3Cpath fill='%23FFFFFF' d='M0.751,0.218h6.579v6.563H0.751V0.218z M8.504,0.218h6.579v6.563H8.504V0.218z M0.751,7.968h6.579v6.563H0.751V7.968z M8.504,7.968h6.579v6.563H8.504V7.968z'/%3E%3C/svg%3E");background-size:contain;background-position:50%;background-repeat:no-repeat}@media(max-width:480px){.login-logo h1:before{width:30px;height:30px}}.login-logo p{color:#fff;font-size:.9rem}@media(max-width:480px){.login-logo p{font-size:.8rem}}.login-window{background-color:silver;width:400px;padding:3px;position:relative;z-index:2;border-color:#fff gray gray #fff;border-style:solid;border-width:2px;box-shadow:1px 1px 0 #000}@media(max-width:768px){.login-window{width:90%;max-width:400px}}@media(max-width:480px){.login-window{width:95%}}.login-window .login-title-bar{background-color:navy;color:#fff;padding:3px 5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.login-window .login-title-bar .title{font-weight:700;font-size:.8rem}.login-window .login-title-bar .controls{display:flex;gap:2px}.login-window .login-title-bar .controls button{width:16px;height:14px;background-color:silver;border-color:#fff gray gray #fff;border-style:solid;border-width:1px;display:flex;align-items:center;justify-content:center;font-size:9px;padding:0;cursor:pointer}.login-window .login-title-bar .controls button:active{border-color:gray #fff #fff gray}.login-window .login-content{padding:10px}.login-window .login-header{text-align:center;margin-bottom:20px}.login-window .login-header h2{font-size:1rem;font-weight:700;margin-bottom:5px}@media(max-width:480px){.login-window .login-header h2{font-size:.9rem}}.login-window .login-header p{font-size:.8rem;color:#333}@media(max-width:480px){.login-window .login-header p{font-size:.75rem}}.login-window .login-users{display:flex;justify-content:center;gap:30px;margin-bottom:20px}@media(max-width:480px){.login-window .login-users{gap:15px}}.login-window .login-users .user-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px;border:1px solid rgba(0,0,0,0)}.login-window .login-users .user-option:hover{border:1px dotted #000}.login-window .login-users .user-option.selected{background-color:navy;color:#fff;border:1px dotted #fff}.login-window .login-users .user-option .user-icon{width:32px;height:32px;margin-bottom:5px;background-color:#fff;border-color:gray #fff #fff gray;border-style:solid;border-width:2px;display:flex;justify-content:center;align-items:center}.login-window .login-users .user-option .user-icon.admin,.login-window .login-users .user-option .user-icon.guest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='10' r='6' fill='%23000000'/%3E%3Cpath d='M16 18 C10 18 5 23 5 30 L27 30 C27 23 22 18 16 18Z' fill='%23000000'/%3E%3C/svg%3E");background-size:80%;background-position:50%;background-repeat:no-repeat}.login-window .login-users .user-option .user-name{font-size:.8rem}@media(max-width:480px){.login-window .login-users .user-option .user-name{font-size:.7rem}}.login-window .password-input{margin-bottom:20px;padding:10px;border-color:gray #fff #fff gray;border-style:solid;border-width:2px;background-color:silver}@media(max-width:480px){.login-window .password-input{padding:8px}}.login-window .password-input label{display:block;margin-bottom:5px;font-size:.8rem}@media(max-width:480px){.login-window .password-input label{font-size:.75rem}}.login-window .password-input input{width:100%;padding:3px;border-color:gray #fff #fff gray;border-style:solid;border-width:2px;font-size:.8rem;background-color:#fff}.login-window .password-input input:focus{outline:1px dotted #000}.login-window .password-input .error-message{color:red;font-size:.8rem;margin-top:5px}@media(max-width:480px){.login-window .password-input .error-message{font-size:.7rem}}.login-window .login-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:10px}.login-window .login-actions .win98-button{background-color:silver;padding:4px 10px;font-size:.8rem;border-color:#fff gray gray #fff;border-style:solid;border-width:2px;cursor:pointer}@media(max-width:480px){.login-window .login-actions .win98-button{padding:3px 8px;font-size:.75rem}}.login-window .login-actions .win98-button:active{border-color:gray #fff #fff gray}.login-window .login-actions .win98-button:focus{outline:1px dotted #000}.login-window .login-actions .win98-button:disabled{color:gray;text-shadow:1px 1px 0 #fff}.login-footer{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:.7rem;z-index:2;display:flex;flex-direction:column;gap:3px}@media(max-width:480px){.login-footer{font-size:.6rem;bottom:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .3s forwards}.xp-loading-screen{width:100%;height:100vh;background-color:navy;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;color:#fff;position:relative;overflow:hidden}.xp-loading-logo{display:flex;align-items:center;margin-bottom:50px}@media(max-width:480px){.xp-loading-logo{margin-bottom:30px;flex-direction:column}}.xp-loading-logo .logo-text{font-size:2rem;font-weight:700;margin-left:20px}@media(max-width:480px){.xp-loading-logo .logo-text{font-size:1.5rem;margin-left:0;margin-top:15px;text-align:center}}.xp-loading-logo .logo-text span{display:block;font-size:.9rem;font-weight:400;margin-top:5px}@media(max-width:480px){.xp-loading-logo .logo-text span{font-size:.8rem}}.xp-loading-logo .logo-image{width:60px;height:60px;display:flex;justify-content:center;align-items:center}@media(max-width:480px){.xp-loading-logo .logo-image{width:50px;height:50px}}.xp-loading-logo .logo-image:before{content:"";width:60px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 14'%3E%3Cpath fill='%23FFFFFF' d='M0.751,0.218h6.579v6.563H0.751V0.218z M8.504,0.218h6.579v6.563H8.504V0.218z M0.751,7.968h6.579v6.563H0.751V7.968z M8.504,7.968h6.579v6.563H8.504V7.968z'/%3E%3C/svg%3E");background-size:contain;background-position:50%;background-repeat:no-repeat}@media(max-width:480px){.xp-loading-logo .logo-image:before{width:50px;height:25px}}.xp-loading-bar-container{width:300px;height:20px;background-color:silver;border-color:gray #fff #fff gray;border-style:solid;border-width:2px;padding:2px;position:relative;overflow:hidden;margin-bottom:20px}@media(max-width:768px){.xp-loading-bar-container{width:80%;max-width:300px}}@media(max-width:480px){.xp-loading-bar-container{width:90%;height:16px}}.xp-loading-bar{height:100%;width:30%;background-color:navy;position:relative;animation:win98-loading 1.5s infinite}.xp-loading-text{font-size:.9rem;color:#fff;text-align:center}@media(max-width:480px){.xp-loading-text{font-size:.8rem;width:90%}}.xp-loading-text p{margin:5px 0}.xp-loading-footer{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:.8rem;color:hsla(0,0%,100%,.7)}@media(max-width:480px){.xp-loading-footer{font-size:.7rem;bottom:10px}}@keyframes win98-loading{0%{left:-30%}to{left:100%}}