.offcanvas__area.qnav{width:20rem;padding:var(--space-5,24px);padding-right:0!important;padding-top:calc(var(--space-8,72px) + var(--space-5,24px));background-color:var(--surface-menu,#0d0e10)}@media (max-width:767px){.offcanvas__area.qnav{width:100%;border-right:none}}.offcanvas__area.qnav .offcanvas__topbar{display:none}.offcanvas__area.qnav .offcanvas__main{padding-right:var(--space-5,24px);padding-bottom:var(--space-5,24px);display:flex;flex-direction:column}.qnav__profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px);margin-bottom:var(--space-5,24px);border-radius:var(--radius-md,12px);background:var(--surface-inset,#151619);border:1px solid var(--border-subtle,rgba(255,255,255,0.08))}.qnav__profile img{width:44px;height:44px;flex-shrink:0;border-width:2px;border-radius:50%;object-fit:cover}.qnav__profile-text{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1,4px) var(--space-2,8px);min-width:0}.qnav__avatar{display:flex;flex-shrink:0}.qnav__profile-name{display:block;text-decoration:none;font-size:var(--text-md,16px);font-weight:var(--weight-black,800);line-height:var(--leading-tight,1.1);text-transform:uppercase;color:var(--text-primary,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qnav__tier{display:inline-flex;align-items:center;gap:var(--space-1,4px);white-space:nowrap;align-self:center;font-size:var(--text-xs,12px);font-weight:var(--weight-black,800);letter-spacing:.06em;line-height:var(--leading-tight,1.1);padding:var(--space-1,4px) var(--space-2,8px);border-radius:var(--radius-pill,999px);color:hsl(var(--base));background:hsl(var(--base) / .14);text-decoration:none}.qnav__tier i{font-size:.8em}.qnav__profile--gold .qnav__tier{color:hsl(var(--warning));background:hsl(var(--warning) / .14)}.qnav__profile--vip .qnav__tier{color:hsl(var(--info));background:hsl(var(--info) / .14)}.qnav__balance{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2,8px);margin:var(--space-1,4px) 0 0;padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-sm,8px);background:var(--surface-veil,rgba(255,255,255,0.04));border:1px solid var(--border-subtle,rgba(255,255,255,0.08));color:var(--text-primary,#fff);font-size:var(--text-md,16px);font-weight:var(--weight-black,800);line-height:var(--leading-tight,1.1);white-space:nowrap;text-decoration:none}.qnav__balance-key{font-size:var(--text-sm,14px);font-weight:var(--weight-semibold,600);color:var(--text-muted,rgba(255,255,255,0.6))}.qnav__balance img{height:16px;width:auto;margin-right:var(--space-1,4px);vertical-align:-3px}.qnav__balance i{font-size:.8em;color:var(--text-secondary,rgba(255,255,255,0.75))}.qnav__balance:hover,.qnav__tier:hover{filter:brightness(1.15);color:inherit}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li{margin-bottom:0}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li a{display:flex;align-items:center;gap:var(--space-3,12px);font-size:var(--text-lg,20px);font-weight:var(--weight-bold,700);color:var(--text-primary,#fff);background:transparent;border:none;border-radius:0;padding:var(--space-4,16px) 0;border-bottom:1px solid var(--border-subtle,rgba(255,255,255,0.08));backdrop-filter:none;-webkit-backdrop-filter:none;transition:color .15s ease,padding-left .15s ease}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li a i{flex:0 0 22px;width:22px;text-align:center;font-size:var(--text-md,16px)}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li:last-child a{border-bottom:none}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li a:hover{background:transparent;color:hsl(var(--base));padding-left:var(--space-2,8px)}.offcanvas__area.qnav .offcanvas__main .offcanvas__menu ul li a.active{background:transparent;color:hsl(var(--base));padding-left:var(--space-2,8px)}.offcanvas__area.qnav .qnav__label{margin:var(--space-5,24px) 0 var(--space-1,4px);font-size:var(--text-xs,12px);font-weight:var(--weight-black,800);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint,rgba(255,255,255,0.45))}.offcanvas__area.qnav .qnav__label:first-child{margin-top:0}.offcanvas__area.qnav .qnav__label::before{content:"/";color:hsl(var(--base));margin-right:var(--space-2,8px)}.qnav__foot{margin-top:auto;padding-top:var(--space-5,24px);border-top:1px solid var(--border-subtle,rgba(255,255,255,0.08));display:flex;flex-direction:column;gap:var(--space-3,12px)}.qnav__cta{display:block;text-align:center;padding:var(--space-4,16px) var(--space-4,16px);border-radius:var(--radius-sm,8px);font-size:var(--text-sm,14px);font-weight:var(--weight-semibold,600);text-transform:uppercase;letter-spacing:.04em;background:hsl(var(--base));color:var(--text-primary,#ffffff);border:1px solid hsl(var(--base));transition:filter .15s ease,background .15s ease}.qnav__cta:hover{filter:brightness(1.1);color:var(--text-primary,#ffffff)}.qnav__cta--ghost{background:transparent;color:var(--text-primary,#fff);border:1px solid var(--border-strong,rgba(255,255,255,0.14))}.qnav__cta--ghost:hover{background:var(--surface-panel-head,#242428);color:var(--text-primary,#fff);filter:none}.qnav__cta--session{background:hsl(var(--info));border-color:hsl(var(--info));box-shadow:0 4px 18px rgba(0,128,255,0.3)}.offcanvas__area.qnav .qnav__logout{width:100%;text-align:left;background:transparent;border:none;padding:var(--space-4,16px) 0 0;font-size:var(--text-md,16px);font-weight:var(--weight-semibold,600);color:var(--text-faint,rgba(255,255,255,0.45));transition:color .15s ease}.offcanvas__area.qnav .qnav__logout:hover{color:hsl(var(--base))}