.customer-app{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 92px}.customer-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 24px}.customer-nav{position:-webkit-sticky;position:sticky;top:12px;z-index:20;display:flex;width:-moz-fit-content;width:fit-content;gap:6px;border-radius:999px;padding:6px;box-shadow:var(--shadow-md)}.customer-nav__item{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;border-radius:999px;padding:0 16px;color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:none;transition:color .16s ease,background .16s ease,transform .16s ease}.customer-nav__item:hover{color:var(--text);transform:translateY(-1px)}.customer-nav__item--active{background:rgba(255,255,255,.92);color:var(--text);box-shadow:0 5px 16px rgba(25,30,40,.08)}.customer-nav__badge{position:absolute;top:3px;right:5px;min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;padding:0 5px;background:var(--af-red);color:white;font-size:.58rem;font-weight:900;line-height:1}.customer-nav__item--active svg{color:var(--af-red)}.install-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;border-radius:999px;padding:0 16px;color:var(--text);font-weight:800}.app-state{min-height:100vh;display:grid;place-items:center;padding:30px;color:var(--muted);text-align:center}.app-state--error{color:var(--danger)}@media (max-width:640px){.customer-app{width:min(100% - 24px,1180px);padding-bottom:calc(106px + env(safe-area-inset-bottom))}.customer-topbar{padding-bottom:18px}.customer-nav{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;top:auto;width:auto;justify-content:space-around;border-radius:24px;padding:7px}.customer-nav__item{flex:1 1;flex-direction:column;gap:3px;min-height:54px;padding:7px 9px;font-size:.68rem}.install-button{min-height:38px;padding:0 12px;font-size:.78rem}}