.up-panel{--up-soft: color-mix(in srgb, var(--af-text) 6%, var(--af-surface));--up-gold-soft: color-mix(in srgb, var(--af-gold) 16%, var(--af-surface));--up-online: #22a06b;position:fixed;top:0;right:0;bottom:0;z-index:1055;display:flex;flex-direction:column;width:min(360px,88vw);overflow-y:auto;border-left:1px solid var(--af-border);background:var(--af-surface);color:var(--af-text);box-shadow:-8px 0 32px var(--af-shadow-color, rgba(0, 0, 0, .35));transform:translate(100%);visibility:hidden;transition:transform .25s ease-out,visibility 0s linear .25s}.up-panel.show{transform:translate(0);visibility:visible;transition:transform .25s ease-out,visibility 0s}.up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.up-panel :focus-visible{outline:3px solid color-mix(in srgb,var(--af-gold) 70%,transparent);outline-offset:2px}.up-close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--af-border);border-radius:50%;background:var(--up-soft);color:var(--af-text);font-size:1.1rem;cursor:pointer}.up-close:hover{border-color:var(--af-gold)}.up-header{padding:var(--space-md) 4.25rem var(--space-md) var(--space-md);border-bottom:1px solid var(--af-border)}html[data-af-theme] .up-panel a.up-profile:not(.btn){display:flex;align-items:center;gap:var(--space-md);min-width:0;border-radius:var(--radius-md);color:var(--af-text);text-decoration:none}.up-avatar-wrap{position:relative;flex:none}.up-avatar{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--af-gold);border-radius:50%;background:var(--up-gold-soft);color:var(--af-gold-text, var(--af-gold));font-size:1.3rem;-o-object-fit:cover;object-fit:cover}.up-online{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid var(--af-surface);border-radius:50%;background:var(--up-online)}.up-profile-text{display:grid;min-width:0}.up-name,.up-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-name{margin:0;color:var(--af-text);font-size:1rem;font-weight:700;line-height:1.25}.up-email{color:var(--af-text-muted);font-size:.875rem}.up-info{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-md) 0}.up-info-card{display:flex;align-items:center;gap:var(--space-md);padding:.65rem var(--space-md);border:1px solid var(--af-border);border-radius:var(--radius-lg);background:var(--up-soft)}.up-info-card.is-wallet{border-color:color-mix(in srgb,var(--af-gold) 45%,transparent);background:var(--up-gold-soft)}.up-info-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--af-red);color:var(--af-on-primary, #ffffff)}.up-info-card.is-wallet .up-info-icon{background:var(--af-gold);color:var(--af-on-secondary, #0b0b0d)}.up-info-text{display:grid;min-width:0}.up-info-label{color:var(--af-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.up-info-value{overflow:hidden;color:var(--af-text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.up-info-card.is-wallet .up-info-value{font-size:1.15rem;font-variant-numeric:tabular-nums}.up-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);border-top:1px solid var(--af-border)}#rightSidebar .up-action{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:48px;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-sm);border:1px solid var(--af-border);border-radius:var(--radius-md);background:var(--up-soft);color:var(--af-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .15s,background-color .15s}#rightSidebar .up-action:hover{border-color:var(--af-gold);background:var(--up-gold-soft)}.up-action-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--up-gold-soft);color:var(--af-gold-text, var(--af-gold))}.up-action-text{flex:1;font-weight:700}.up-action-arrow{color:var(--af-text-muted);font-size:.8rem}.up-logout-form{margin-top:auto;padding:var(--space-md);border-top:1px solid var(--af-border)}.up-logout{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;min-height:48px;border:1px solid var(--af-red);border-radius:var(--radius-md);background:var(--af-red);color:var(--af-on-primary, #ffffff);font-weight:700;cursor:pointer;transition:background-color .15s}.up-logout:hover{border-color:var(--af-red-hover);background:var(--af-red-hover)}.up-guest{display:grid;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);color:var(--af-text-muted);text-align:center}@media (prefers-reduced-motion: reduce){.up-panel,.up-panel.show,#rightSidebar .up-action,.up-logout{transition:none}}