#login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#3a6ea5;z-index:900;display:flex;align-items:center;justify-content:center}
#login-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px;background:#ece9d8;border:2px outset #fff;width:300px}
#login-avatar{width:64px;height:64px;border-radius:4px;background:#d4d0c8;border:1px solid #808080;position:relative;overflow:hidden}
#login-avatar::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#808080}
#login-fields{display:flex;flex-direction:column;gap:8px;width:100%}
#login-username-display{text-align:center;color:#000;font-family:Tahoma,sans-serif;font-size:13px;font-weight:bold;padding:4px 0}
#login-fields input{width:100%;padding:4px 6px;background:#fff;border:2px inset #808080;color:#000;font-family:Tahoma,sans-serif;font-size:12px;outline:none}
#login-fields input::placeholder{color:#808080}
#login-btn{width:100%;padding:4px;background:#ece9d8;border:2px outset #fff;color:#000;font-family:Tahoma,sans-serif;font-size:12px;cursor:pointer}
#login-btn:hover{background:#d4d0c8}
#login-btn:active{border-style:inset}
#login-error{color:#cc0000;font-family:Tahoma,sans-serif;font-size:11px;text-align:center;min-height:16px}