:root{--user-bg:rgba(255, 255, 255, 0.98);--user-border:rgba(226, 232, 240, 0.9);--user-hover-bg:rgba(37, 99, 235, 0.08);--user-active-bg:rgba(37, 99, 235, 0.12);--user-text:#0f172a;--user-text-muted:#64748b;--user-accent:#2563eb;--user-shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--user-shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--user-transition:150ms cubic-bezier(0.4, 0, 0.2, 1);--avatar-size:32px;--menu-width:260px}@media (prefers-color-scheme:dark){:root{--user-bg:rgba(15, 23, 42, 0.98);--user-border:rgba(51, 65, 85, 0.8);--user-text:#f8fafc;--user-text-muted:#94a3b8}}.user-area{position:relative;margin-left:1.5rem}.user-btn{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;min-height:44px;border:1px solid var(--user-border);border-radius:12px;background:#fff0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--user-text);cursor:pointer;transition:all var(--user-transition);user-select:none}.user-btn:hover{background:var(--user-hover-bg);border-color:var(--user-accent);box-shadow:var(--user-shadow-sm)}.user-btn:active{transform:scale(.98)}.user-btn[aria-expanded="true"]{background:var(--user-active-bg);border-color:var(--user-accent);box-shadow:var(--user-shadow-sm)}.user-menu-icon{width:var(--avatar-size);height:var(--avatar-size);border-radius:8px;border:1.5px solid rgb(255 255 255 / .9);object-fit:cover;flex-shrink:0}@media (prefers-color-scheme:dark){.user-menu-icon{border-color:rgb(51 65 85 / .8)}}.user-name{font-size:.875rem;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{font-size:.75rem;color:var(--user-text-muted);transition:transform var(--user-transition)}.user-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:var(--menu-width);background:var(--user-bg);border:1px solid var(--user-border);border-radius:12px;box-shadow:var(--user-shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--user-transition);z-index:1100}.user-menu[aria-hidden="false"]{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-item{display:block;width:100%;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.8125rem;color:var(--user-text-muted);text-align:left;border-bottom:1px solid var(--user-border);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu button[role="menuitem"]{display:block;width:100%;padding:10px 14px;border:none;border-radius:8px;background:#fff0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.875rem;font-weight:600;color:var(--user-text);text-align:left;cursor:pointer;transition:background var(--user-transition)}.user-menu button[role="menuitem"]:hover{background:var(--user-hover-bg);color:var(--user-accent)}.user-menu button[role="menuitem"]:active{transform:scale(.98)}.user-area-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .2);z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;animation:fadeIn var(--user-transition) forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width:768px){.user-area{margin-left:1rem}.user-name{display:none}.user-btn{padding:6px 10px}.user-menu{min-width:220px}}@media (max-width:480px){.user-menu{right:-1rem;min-width:200px}}.user-btn:focus-visible{outline:2px solid var(--user-accent);outline-offset:2px}.user-menu button[role="menuitem"]:focus-visible{outline:2px solid var(--user-accent);outline-offset:-2px}@media (prefers-contrast:high){.user-btn,.user-menu{border-width:2px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}.user-menu{will-change:transform,opacity;contain:layout style}.user-btn{contain:layout}@media print{.user-area{position:static}.user-btn{border:1px solid #e2e8f0;box-shadow:none}.user-menu,.user-area-overlay,.chev{display:none!important}}