header .header-brand-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-shrink:0;max-width:240px}header .header-brand-stack>.brand{align-self:center}header .header-brand-stack :is(.service-status-badge,#new-status){display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;max-width:100%;font-size:10px;line-height:1.3;padding:5px 9px;border:1px solid #3f494c;border-radius:20px;white-space:nowrap;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}header .header-brand-stack :is(.service-status-badge,#new-status) img{width:17px;height:17px}header .header-brand-stack :is(.service-status-badge,#new-status):is(:hover,:focus-visible){border-color:#d5ac53;box-shadow:0 0 15px #e6b44425}header nav{gap:8px;justify-content:flex-end}header nav>a,header nav>button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-weight:600;line-height:1.4;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}header nav>a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:linear-gradient(90deg,#e6b444,#ffe3a0);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}header nav>a:is(:hover,:focus-visible),header nav>button:is(:hover,:focus-visible){color:#ffe3a0;background:linear-gradient(135deg,#e6b44424,#e6b4440a);border-color:#b88c3d88;box-shadow:0 4px 15px #0003,0 0 18px #e6b44412;text-decoration:none}header nav>a:is(:hover,:focus-visible)::after,header nav>a.nav-current::after{transform:scaleX(1)}header nav>a.nav-current{color:#ffe3a0;background:#e6b44410}header nav>a:focus-visible,header nav>button:focus-visible{outline:2px solid #e6b444;outline-offset:3px}@media(hover:hover){header nav>a:hover,header nav>button:hover{transform:translateY(-2px)}}@media(max-width:650px){header .header-brand-stack{gap:8px;max-width:190px}header nav{gap:5px}header nav>a,header nav>button{padding:6px 8px;min-height:32px}header .header-brand-stack :is(.service-status-badge,#new-status){font-size:9px;padding:4px 7px}}@media(prefers-reduced-motion:reduce){header nav>a,header nav>button,header nav>a::after{transition:none;transform:none}header nav>a::after{display:none}}html.reduced-motion header nav>a,html.reduced-motion header nav>button{transform:none!important}html.reduced-motion header nav>a::after{transition:none}
header .header-brand-stack.with-chevron{display:grid;grid-template-columns:30px auto;column-gap:10px;row-gap:10px;max-width:270px}header .header-brand-stack.with-chevron>.brand{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-self:center;gap:3px}header .header-brand-stack.with-chevron>:is(.service-status-badge,#new-status){grid-column:2;grid-row:2;justify-self:center;position:static}header .header-brand-stack.with-chevron>.brand-chevron{grid-column:1;grid-row:1/3;align-self:stretch;display:flex;align-items:center;justify-content:center;color:var(--gold,#e6b444);text-decoration:none}header .brand-chevron svg{display:block;width:26px;height:46px}header .brand-chevron:hover{filter:drop-shadow(0 0 7px #e6b44470)}header .brand-chevron:focus-visible{outline:2px solid #e6b444;outline-offset:4px;border-radius:5px}@media(max-width:650px){header .header-brand-stack.with-chevron{grid-template-columns:26px auto;column-gap:8px;row-gap:8px;max-width:235px}header .brand-chevron svg{width:23px;height:41px}}
header .nav-account{position:relative;overflow:visible}header .account-dropdown{position:relative;width:max-content;max-width:150px}header .account-trigger{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #776132;border-radius:7px;background:#e6b4440c;padding:7px 10px;color:#f4f2ec;line-height:1.3;transition:background .18s,border-color .18s,box-shadow .18s}header .account-trigger::-webkit-details-marker{display:none}header .account-trigger::marker{content:""}header .account-trigger #identity{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}header .account-trigger:is(:hover,:focus-visible),header .account-dropdown[open]>.account-trigger{background:#e6b44420;border-color:#e6b444;box-shadow:0 0 14px #e6b44418}header .account-trigger:focus-visible{outline:2px solid #e6b444;outline-offset:3px}header .account-caret{color:#e6b444;font-size:15px;line-height:1}header .account-dropdown[open] .account-caret{transform:rotate(180deg)}header .account-menu{position:absolute;right:0;top:calc(100% + 8px);width:235px;max-width:calc(100vw - 40px);padding:6px;background:#192126;border:1px solid #776132;border-radius:10px;box-shadow:0 14px 35px #0008;z-index:250;text-align:left}header .account-menu :is(a,button){display:block;width:100%;box-sizing:border-box;padding:10px 12px;margin:0;border:0;border-radius:6px;background:transparent;color:#f4f2ec;font:500 13px/1.4 'Segoe UI',sans-serif;text-align:left;text-decoration:none;cursor:pointer;white-space:normal}header .account-menu :is(a,button):is(:hover,:focus-visible){background:#e6b4441b;color:#ffe3a0;text-decoration:none;outline-offset:-2px}header .account-menu #logout{border-top:1px solid #ffffff13;border-radius:0 0 6px 6px;margin-top:4px;color:#d5b7b2}header .account-menu .account-error{font-size:12px;padding:8px;color:#eeaaa2}.account-users-dialog{max-width:460px;width:calc(100vw - 45px);box-sizing:border-box;border:1px solid #776132;border-radius:12px;background:#192126;color:#f4f2ec;padding:25px}.account-users-dialog::backdrop{background:#0009}.account-users-dialog input{box-sizing:border-box;width:100%;padding:10px;margin:10px 0;background:#111921;color:#fff;border:1px solid #4d5b69;border-radius:6px}.account-users-dialog button{display:block;width:100%;margin:8px 0;padding:10px;background:#283440;color:#fff;border:1px solid #4d5b69;border-radius:6px;cursor:pointer}
header .nav-account{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2;flex-shrink:0;max-width:150px}header .nav-account>.role-badge{display:inline-block;color:#e6b444;border:1px solid #776132;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.2}header .account-trigger{font:600 12px/1.3 'Segoe UI',sans-serif}