.um-panel{overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 2px 6px rgba(16,24,40,.06),0 12px 32px rgba(16,24,40,.1);outline:1px solid rgba(0,0,0,.05)}.um-head{display:flex;align-items:center;gap:.75rem;padding:1rem}.um-avatar{flex-shrink:0;border-radius:9999px}.um-avatar:hover{opacity:.9}.um-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#141821}.um-name:hover{color:rgb(var(--brand-500))}.um-balances{display:grid;gap:.25rem;padding:.375rem .5rem;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.um-balance{display:flex;flex-direction:column;align-items:center;border-radius:.75rem;padding:.5rem .25rem;text-align:center;transition:background-color .15s}.um-balance:hover{background:#f5f6f8}.um-balance-sum{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:800;color:#141821}.um-balance-label{margin-top:.125rem;font-size:.75rem;line-height:1.25;color:#5b6170}.um-list>.um-item+.um-item{border-top:1px solid rgba(0,0,0,.05)}.um-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#141821}.um-item:hover{background:#f5f6f8}.um-ico{display:flex;width:1.75rem;height:1.75rem;flex-shrink:0;align-items:center;justify-content:center}.um-chev{color:#68707c;transition:transform .15s ease}.um-admin:hover .um-chev,.um-item:hover .um-chev{transform:translateX(2px)}.um-count{display:flex;height:1.25rem;min-width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;padding:0 .25rem;background:rgb(var(--brand-500));font-size:11px;font-weight:700;line-height:1;color:#fff}.um-count-alert{background:#ef4444}.um-admin{display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(0,0,0,.05);background:#141821;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#fff}.um-admin:hover{background:rgba(20,24,33,.9)}.um-admin .um-ico{color:rgb(var(--brand-500))}.um-admin .um-chev{color:rgba(255,255,255,.5)}.um-foot{border-top:1px solid rgba(0,0,0,.05);padding:.5rem}.um-logout{width:100%;border-radius:.75rem;padding:.625rem .5rem;text-align:center;font-size:.875rem;font-weight:500;color:#ef4444;transition:background-color .15s}.um-logout:hover{background:#fef2f2}@media (prefers-reduced-motion:reduce){.um-chev{transition:none}.um-admin:hover .um-chev,.um-item:hover .um-chev{transform:none}}html[data-style=v4] .um-panel{position:relative;border-radius:var(--v4-r-card);background:var(--v4-raised);outline:0;box-shadow:var(--v4-shadow-float);color:var(--v4-ink);padding:.375rem}html[data-style=v4] [data-user-menu]:before{content:"";position:absolute;top:-6px;right:18px;width:12px;height:12px;transform:rotate(45deg);border-radius:3px 0 0 0;background:#fff;box-shadow:-1px -1px 0 rgba(20,32,60,.08)}html[data-style=v4] [data-user-menu]{overflow:visible}html[data-style=v4] .um-head{margin-bottom:.25rem;padding:.75rem .75rem .875rem;border-bottom:1px solid var(--v4-line)}html[data-style=v4] .um-avatar{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--v4-accent)}html[data-style=v4] .um-name{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--v4-ink)}html[data-style=v4] .um-name:hover{color:var(--v4-accent-2)}html[data-style=v4] .um-id>div{color:var(--v4-muted)}html[data-style=v4] .um-id button{color:var(--v4-faint)}html[data-style=v4] .um-id button:hover{background:var(--v4-tint);color:var(--v4-accent-2)}html[data-style=v4] .um-balances{border-top:0;border-color:var(--v4-line)}html[data-style=v4] .um-balance:hover{background:var(--v4-soft)}html[data-style=v4] .um-balance-sum{color:var(--v4-ink)}html[data-style=v4] .um-balance-label{color:var(--v4-muted)}html[data-style=v4] .um-list{display:flex;flex-direction:column;gap:2px}html[data-style=v4] .um-list>.um-item+.um-item{border-top:0}html[data-style=v4] .um-item{border-radius:var(--v4-r-row);padding:.4375rem .625rem .4375rem .4375rem;font-weight:600;color:var(--v4-ink);transition:background-color .15s,color .15s}html[data-style=v4] .um-item:hover{background:var(--v4-soft)}html[data-style=v4] .um-ico{width:34px;height:34px;border-radius:var(--v4-r-chip);background:var(--v4-tint);color:var(--v4-accent);transition:background .15s,color .15s}html[data-style=v4] .um-item:hover .um-ico{background:var(--v4-selected);color:var(--v4-accent-2)}html[data-style=v4] .um-chev{color:var(--v4-faint)}html[data-style=v4] .um-item:hover .um-chev{color:var(--v4-accent)}html[data-style=v4] .um-count{background:var(--v4-accent)}html[data-style=v4] .um-count-alert{background:#ef4444}html[data-style=v4] .um-admin-wrap{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--v4-line)}html[data-style=v4] .um-admin{border-top:0;border-radius:var(--v4-r-row);background:transparent;padding:.4375rem .625rem .4375rem .4375rem;color:var(--v4-ink);font-weight:700}html[data-style=v4] .um-admin:hover{background:#fffaf0}html[data-style=v4] .um-admin .um-ico,html[data-style=v4] .um-ico-admin{background:#fff3d6;color:#b45309}html[data-style=v4] .um-admin .um-chev{color:rgba(180,83,9,.5)}html[data-style=v4] .um-foot{margin-top:.25rem;padding:.25rem 0 0;border-top:1px solid var(--v4-line)}html[data-style=v4] .um-logout{border-radius:var(--v4-r-row);color:var(--v4-danger);font-weight:600}html[data-style=v4] .um-logout:hover{background:#fef2f2;color:#b91c1c}@keyframes um-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}html[data-style=v4] [data-user-menu]{animation:um-in .16s ease-out}html[data-style=v4] .um-admin:focus-visible,html[data-style=v4] .um-item:focus-visible,html[data-style=v4] .um-logout:focus-visible{outline:2px solid var(--v4-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){html[data-style=v4] [data-user-menu]{animation:none}}