.nav-overlay{position:fixed;inset:0;z-index:40;background:#0009;opacity:0;transition:opacity .18s}.site-navigation{position:fixed;top:0;right:0;z-index:41;width:min(360px,92vw);height:100dvh;padding:22px;border-left:1px solid #2e4056;background:linear-gradient(155deg,#182334,#0b1018 68%);box-shadow:-24px 0 80px #000b;transform:translateX(100%);transition:transform .18s}.navigation-open .nav-overlay{opacity:1}.navigation-open .site-navigation{transform:translateX(0)}.nav-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #26364a}.nav-heading h2{margin:4px 0 0;font-size:1.55rem}.site-navigation nav{display:grid;gap:8px;padding-top:18px}.site-navigation nav a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:13px;color:#dce9f7;text-decoration:none}.site-navigation nav a:hover{border-color:#315071;background:#142033}.nav-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1a2b43;color:#8fbfff;font-size:.78rem;font-weight:850}.nav-mark img{width:22px;height:22px;object-fit:contain}@media(prefers-reduced-motion:reduce){.nav-overlay,.site-navigation{transition:none}}@media(max-width:480px){.app-header{display:grid;grid-template-columns:1fr auto;height:auto;padding:14px 16px}.header-status{grid-column:1/-1;width:100%;justify-content:space-between}.status-pill{display:inline-flex}}