@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-profile-container{position:relative;display:inline-block;height:50px}.profile-button{background:none;border:none;cursor:pointer;padding:0;width:1.625rem;height:1.625rem;margin:.9375rem .625rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:right}.profile-button:hover{transform:scale(1.05)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-initials{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:550;font-size:14px;letter-spacing:.031rem}.profile-dropdown{position:absolute;top:calc(100% + 0px);right:0;background:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1200;animation:slideDown .2s ease}.logout-button{width:100%;padding:12px 16px;border:none;text-align:right;cursor:pointer;font-size:14px;color:#1a1a1a;gap:10px;justify-content:flex-start;transition:background-color .2s ease;border-radius:0 0 .5rem .5rem}.logout-button:hover{background-color:#f5f5f5}.logout-button:focus{outline:2px solid #667eea;outline-offset:-2px}.app-header .user-profile-container{display:flex;align-items:center;justify-content:right}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:#f6f6fa;font-family:EYInterstate-Regular,NotoSans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0!important}.app-container{height:100%;display:flex;flex-direction:column}.app-container .app-header{background-color:#2e2e38;height:4.6vh;min-height:50px;position:fixed;width:100%;z-index:1100;opacity:0;animation:fadeInHeader .01s ease-in .3s forwards}.app-container .main-content{padding:1.5rem;max-width:none;margin:0;width:100%;overflow-x:auto;flex:1;display:flex;flex-direction:column}@media screen and (min-width:500px)and (max-width:800px){.app-container .main-content{min-height:300px}}.app-container ::-webkit-input-placeholder{color:silver;font-family:notosans-italic}.app-container :-ms-input-placeholder{color:silver;font-family:notosans-italic}.app-container ::placeholder{color:silver;font-family:notosans-italic}.app-container ::-ms-input-placeholder{color:silver;font-family:notosans-italic;font-style:italic}@media(min-width:1200px){.app-container .container{max-width:none}}@keyframes fadeInHeader{to{opacity:1}}