#app-navigation { position:sticky; top:0; z-index:1030; background:#fff; border-bottom:1px solid #e1e6ec; box-shadow:0 2px 8px rgba(26,42,62,.04); color:#263445; }
#app-navigation * { box-sizing:border-box; }
#app-navigation .app-nav-inner { display:flex; align-items:center; gap:24px; max-width:1500px; margin:auto; padding:14px 24px; }
#app-navigation .app-nav-brand { display:flex; flex-direction:column; flex-shrink:0; gap:1px; padding-right:22px; border-right:1px solid #e1e6ec; color:#263445; text-decoration:none; line-height:1.3; }
#app-navigation .app-nav-brand > span { font-size:21px; font-weight:600; letter-spacing:-.5px; }
#app-navigation .app-nav-brand small { color:#b9470a; font-size:11px; letter-spacing:.7px; }
#app-navigation .app-nav-links { flex:1; min-width:0; }
#app-navigation .app-nav-list { display:flex; align-items:center; flex-wrap:wrap; gap:4px; list-style:none; margin:0; padding:0; }
#app-navigation .app-nav-item, #app-navigation .app-nav-group { position:relative; }
#app-navigation .app-nav-link, #app-navigation .app-nav-trigger, #app-navigation .app-nav-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:9px 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:#465365; font:inherit; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; line-height:1.5; white-space:nowrap; }
#app-navigation i { color:inherit; }
#app-navigation .app-nav-link:hover, #app-navigation .app-nav-trigger:hover { background:#f5f7fa; color:#263445; }
#app-navigation .app-nav-link.is-active, #app-navigation .app-nav-trigger.is-active, #app-navigation .app-nav-trigger[aria-expanded="true"] { background:#fff0e6; color:#a23e08; }
#app-navigation .app-nav-trigger[aria-expanded="true"] i { transform:rotate(180deg); }
#app-navigation .app-nav-menu { position:absolute; top:calc(100% + 7px); left:0; z-index:1040; min-width:230px; max-width:320px; max-height:calc(100vh - 150px); overflow-y:auto; padding:7px; border:1px solid #e1e6ec; border-radius:9px; background:white; box-shadow:0 10px 30px rgba(26,42,62,.12); }
#app-navigation .app-nav-group:nth-last-child(-n+3) .app-nav-menu { left:auto; right:0; }
#app-navigation .app-nav-menu[hidden] { display:none; }
#app-navigation .app-nav-menu-link { display:block; padding:10px 12px; border-radius:5px; color:#465365; font-size:12px; line-height:1.5; text-decoration:none; }
#app-navigation .app-nav-menu-link:hover { background:#f5f7fa; color:#263445; }
#app-navigation .app-nav-menu-link.is-active { background:#fff0e6; color:#a23e08; font-weight:600; }
#app-navigation .app-nav-item:last-child { margin-left:auto; }
#app-navigation .app-nav-item:last-child .app-nav-link { border-color:#d5dce5; color:#657285; }
#app-navigation a:focus-visible, #app-navigation button:focus-visible { outline:3px solid #e29a70; outline-offset:2px; }
#app-navigation .app-nav-toggle { display:none; border-color:#ccd4de; }
@media (max-width:1199px) {
    #app-navigation .app-nav-inner { flex-wrap:wrap; justify-content:space-between; gap:12px; }
    #app-navigation .app-nav-brand { border:0; }
    #app-navigation .app-nav-toggle { display:inline-flex; }
    #app-navigation .app-nav-links { display:none; flex-basis:100%; max-height:calc(100vh - 100px); overflow-y:auto; border-top:1px solid #e1e6ec; padding-top:12px; }
    #app-navigation .app-nav-links.is-open { display:block; }
    #app-navigation .app-nav-list { display:block; }
    #app-navigation .app-nav-link, #app-navigation .app-nav-trigger { width:100%; justify-content:space-between; text-align:left; padding:11px 12px; }
    #app-navigation .app-nav-menu, #app-navigation .app-nav-group:nth-last-child(-n+3) .app-nav-menu { position:static; min-width:0; max-width:none; max-height:none; margin:4px 0 8px 12px; border:0; border-left:2px solid #e1e6ec; border-radius:0; box-shadow:none; }
    #app-navigation .app-nav-item:last-child { margin-top:12px; }
}
@media (max-width:767px) { #app-navigation .app-nav-inner { padding:12px 16px; } }