.profile-area.svelte-13qsf1r{position:relative;z-index:9999}.profile-btn.svelte-13qsf1r{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.profile-btn.svelte-13qsf1r:hover{transform:scale(1.05)}.profile-btn.svelte-13qsf1r:active{transform:scale(.95)}.avatar.svelte-13qsf1r{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6 0%,var(--color-purple) 100%);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #5e5ce659,inset 0 1px 0 var(--bg-white-20)}.profile-menu.svelte-13qsf1r{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:linear-gradient(135deg,#28282df2,#1c1c20fa);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--bg-white-12);border-radius:var(--radius-lg);padding:0;overflow:hidden;box-shadow:0 25px 50px -12px var(--bg-black-50),0 12px 24px -8px var(--bg-black-30),inset 0 1px 0 var(--bg-white-08),0 0 0 1px var(--bg-black-30);animation:menuAppear .2s cubic-bezier(.34,1.56,.64,1);z-index:9999}.menu-header.svelte-13qsf1r{display:flex;align-items:center;gap:14px;padding:20px 18px;background:linear-gradient(180deg,var(--bg-white-04) 0%,rgba(255,255,255,.01) 100%);border-bottom:1px solid var(--bg-white-08)}.menu-avatar.svelte-13qsf1r{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6 0%,var(--color-purple) 100%);color:#fff;font-weight:600;font-size:1.125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #5e5ce666,0 2px 4px var(--bg-black-20),inset 0 1px #ffffff40}.menu-info.svelte-13qsf1r{display:flex;flex-direction:column;gap:4px;min-width:0}.menu-name.svelte-13qsf1r{font-size:.9375rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.menu-email.svelte-13qsf1r{font-size:.8125rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.menu-role.svelte-13qsf1r{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#00000026;border-bottom:1px solid var(--bg-white-06)}.role-label.svelte-13qsf1r{font-size:.6875rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.role-value.svelte-13qsf1r{font-size:.75rem;color:#5e5ce6;font-weight:600;text-transform:capitalize;background:#5e5ce626;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid rgba(94,92,230,.25)}.menu-divider.svelte-13qsf1r{height:1px;background:linear-gradient(90deg,transparent 0%,var(--bg-white-08) 20%,var(--bg-white-08) 80%,transparent 100%);margin:0}.menu-item.svelte-13qsf1r{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;margin:4px 0;background:transparent;border:none;color:#ffffffd9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;border-radius:0}.menu-item.svelte-13qsf1r:hover{background:var(--bg-white-08)}.menu-item.svelte-13qsf1r:active{background:var(--bg-white-12)}.menu-item.active.svelte-13qsf1r{background:#5e5ce626;color:#a5a4fb}.menu-item.svelte-13qsf1r svg:where(.svelte-13qsf1r){width:20px;height:20px;opacity:.7;flex-shrink:0}.menu-item.svelte-13qsf1r:hover svg:where(.svelte-13qsf1r){opacity:.9}.menu-item.active.svelte-13qsf1r svg:where(.svelte-13qsf1r){opacity:1;color:#a5a4fb}.menu-logout.svelte-13qsf1r{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;margin-top:4px;background:transparent;border:none;border-top:1px solid var(--bg-white-06);color:var(--color-error);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.menu-logout.svelte-13qsf1r:hover{background:rgba(var(--color-error-rgb),.12)}.menu-logout.svelte-13qsf1r:active{background:rgba(var(--color-error-rgb),.18)}.menu-logout.svelte-13qsf1r svg:where(.svelte-13qsf1r){width:20px;height:20px;flex-shrink:0}.menu-loading.svelte-13qsf1r{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#ffffff80;font-size:.8125rem}.menu-backdrop.svelte-13qsf1r{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:none;z-index:9998;cursor:default}@media(max-width:768px){.avatar.svelte-13qsf1r{width:32px;height:32px;font-size:.8125rem}.profile-menu.svelte-13qsf1r{width:260px;right:-8px}}@media(prefers-reduced-motion:reduce){.profile-btn.svelte-13qsf1r,.menu-logout.svelte-13qsf1r{transition:none}.profile-menu.svelte-13qsf1r{animation:none}}