.updateMessage-container{display:inline-block;position:relative}.updatemessage{white-space:nowrap;color:#fff;z-index:20;background:linear-gradient(135deg,#ff4d4d,#d90000);border-radius:14px;justify-content:center;align-items:center;padding:.45rem .8rem;animation:3s ease-in-out infinite messageFloat;display:flex;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e,0 2px 5px #0000001a}.updatemessage:after{content:"";border-top:8px solid #d90000;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.updatemessage p{letter-spacing:.2px;margin:0;font-size:.78rem;font-weight:500}@keyframes messageFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}
.app-header{z-index:1000;color:#fff;box-sizing:border-box;background:#2f5d8e;width:100%;max-width:100%;position:sticky;top:0;box-shadow:0 3px 10px #00000029}.header-content{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100%;margin:0 auto;padding:.45rem 1.25rem;display:flex}.brand{flex-shrink:1;align-items:center;gap:.55rem;min-width:0;display:flex}.profile-picture{align-items:center;gap:.45rem;min-width:0;display:flex}.profile-picture a{color:#fff;text-decoration:none}.profile-picture a:hover{opacity:.85}.header-logo{object-fit:cover;z-index:1001;transform-origin:0 0;border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;width:48px;min-width:48px;height:48px;transition:transform .25s,box-shadow .25s;display:block;position:relative;box-shadow:0 3px 8px #00000040,inset 0 3px 7px #fff6}.header-logo:hover{transform:scale(2.2);box-shadow:0 8px 20px #0000004d,0 0 8px #ffffff40}.circular-picture,.review-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;min-width:36px;height:36px}.brand-text{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.app-title{color:#fff;white-space:nowrap;margin:0;padding:0;font-size:1rem;font-weight:600;line-height:1.1}.app-subtitle{color:#fff;opacity:.9;white-space:nowrap;margin:.08rem 0 0;font-size:.62rem;line-height:1.2}.user-name{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:.08rem 0 0;font-size:.78rem;font-weight:500;line-height:1.15;overflow:hidden}.nav-links{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.65rem;min-width:0;margin-left:auto;display:flex}.nav-links a{color:#fff;white-space:nowrap;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.86rem;font-weight:500;line-height:1;text-decoration:none;transition:opacity .2s,background .2s;display:flex}.nav-links a svg{flex-shrink:0;font-size:.9rem}.nav-links a:hover{opacity:.8}.nav-links a.active{border-bottom:2px solid #fff}.logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fffc;border-radius:4px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .55rem;font-family:inherit;font-size:.82rem;line-height:1;transition:background .2s,opacity .2s;display:flex}.logout-btn svg{flex-shrink:0}.logout-btn:hover{background:#ffffff1f}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;display:none}@media (max-width:1000px){.header-content{gap:.7rem;padding:.4rem 1rem;position:relative}.brand{flex:1;min-width:0}.brand-text{min-width:0}.header-logo{width:44px;min-width:44px;height:44px}.app-title{font-size:.95rem}.app-subtitle{white-space:normal;font-size:.6rem}.user-name{max-width:180px;font-size:.72rem}.menu-toggle{display:flex}.nav-links{box-sizing:border-box;background:#2f5d8e;border-radius:0 0 0 8px;flex-direction:column;align-items:stretch;gap:.2rem;width:min(280px,92vw);max-height:calc(100dvh - 65px);margin:0;padding:.6rem;display:none;position:absolute;top:100%;right:0;overflow:hidden auto;box-shadow:0 8px 18px #0003}.nav-links.open{display:flex}.nav-links a{box-sizing:border-box;border-radius:5px;gap:.6rem;width:100%;padding:.6rem .65rem;font-size:.88rem;line-height:1.2}.nav-links a:hover{opacity:1;background:#ffffff1a}.nav-links a.active{background:#ffffff24;border-bottom:none}.logout-btn{box-sizing:border-box;border:none;justify-content:flex-start;gap:.6rem;width:100%;padding:.6rem .65rem;font-size:.88rem}.logout-btn:hover{background:#ffffff1a}}@media (max-width:600px){.header-content{gap:.5rem;padding:.35rem .7rem}.brand{gap:.4rem}.header-logo{width:40px;min-width:40px;height:40px}.header-logo:hover,.header-logo:active{transform:scale(1.5)}.app-title{font-size:.88rem}.app-subtitle{white-space:normal;max-width:200px;font-size:.55rem;line-height:1.15}.user-name{max-width:160px;font-size:.65rem}.menu-toggle{padding:.2rem;font-size:1.35rem}.nav-links{width:min(260px,94vw);padding:.5rem}}@media (max-width:380px){.header-content{padding:.3rem .5rem}.header-logo{width:36px;min-width:36px;height:36px}.app-title{font-size:.8rem}.app-subtitle{max-width:150px;font-size:.5rem}.user-name{max-width:140px;font-size:.6rem}.menu-toggle{font-size:1.25rem}}.profile-picture :hover{color:#00f}
