.nav[data-v-45fa197e]{background:var(--color-bg-white);box-shadow:var(--shadow-sm);padding:var(--space-base) var(--space-lg);position:sticky;top:0;z-index:100}.nav-container[data-v-45fa197e]{gap:var(--space-xl);justify-content:space-between;margin:0 auto;max-width:1200px}.logo[data-v-45fa197e],.nav-container[data-v-45fa197e]{align-items:center;display:flex}.logo[data-v-45fa197e]{color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;text-decoration:none;white-space:nowrap}.logo-img[data-v-45fa197e]{height:70px;-o-object-fit:contain;object-fit:contain;width:auto}.nav-links[data-v-45fa197e]{display:flex;gap:var(--space-xl);list-style:none;margin:0}.nav-links a[data-v-45fa197e]{color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-base);white-space:nowrap}.nav-links a[data-v-45fa197e]:hover{color:var(--color-primary)}.nav-actions[data-v-45fa197e]{align-items:center;display:flex;gap:var(--space-lg)}.nav-link[data-v-45fa197e]{color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.nav-link[data-v-45fa197e]:hover{color:var(--color-primary)}.btn-nav[data-v-45fa197e]{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-nav[data-v-45fa197e]:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.wallet-pill[data-v-45fa197e]{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;box-shadow:0 2px 8px #8037a040;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:6px 10px;text-decoration:none;transition:background .4s ease,color .4s ease,box-shadow .4s ease,transform var(--transition-fast);white-space:nowrap}.wallet-pill[data-v-45fa197e]:hover{box-shadow:0 4px 14px #8037a059;filter:brightness(1.05);transform:translateY(-1px)}.wallet-pill.wallet-loading[data-v-45fa197e]{background:#fff;box-shadow:none;color:#fff}.wallet-pill.wallet-loading .wallet-pill-plus[data-v-45fa197e]{background:transparent;color:#fff}.wallet-pill.wallet-low[data-v-45fa197e]{animation:walletPulse-45fa197e 2s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 2px 8px #7c3aed40}.wallet-pill.wallet-low[data-v-45fa197e]:hover{box-shadow:0 4px 14px #7c3aed59}@keyframes walletPulse-45fa197e{0%,to{box-shadow:0 2px 8px #7c3aed40}50%{box-shadow:0 2px 16px #7c3aed73}}.wallet-pill-icon[data-v-45fa197e]{height:16px;width:16px}.wallet-pill-amount[data-v-45fa197e]{letter-spacing:-.01em}.wallet-pill-plus[data-v-45fa197e]{align-items:center;background:#ffffff40;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;line-height:1;width:20px}.mobile-wallet-card[data-v-45fa197e]{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--space-sm);padding:var(--space-base) var(--space-md);text-decoration:none;transition:background .4s ease,color .4s ease,box-shadow .4s ease,transform var(--transition-fast)}.mobile-wallet-card[data-v-45fa197e]:hover{filter:brightness(1.05);transform:translateY(-1px)}.mobile-wallet-card.wallet-loading[data-v-45fa197e]{background:#fff;box-shadow:none;color:#fff}.mobile-wallet-card.wallet-loading .mobile-wallet-icon[data-v-45fa197e]{color:#fff}.mobile-wallet-card.wallet-low[data-v-45fa197e]{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.mobile-wallet-left[data-v-45fa197e]{align-items:center;display:flex;gap:var(--space-sm)}.mobile-wallet-icon[data-v-45fa197e]{height:24px;opacity:.9;width:24px}.mobile-wallet-label[data-v-45fa197e]{display:block;font-size:11px;font-weight:500;letter-spacing:.3px;opacity:.85;text-transform:uppercase}.mobile-wallet-amount[data-v-45fa197e]{display:block;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em}.mobile-wallet-topup-btn[data-v-45fa197e]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;white-space:nowrap}.icon-actions[data-v-45fa197e]{gap:var(--space-sm)}.icon-actions[data-v-45fa197e],.icon-btn[data-v-45fa197e]{align-items:center;display:flex}.icon-btn[data-v-45fa197e]{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;height:40px;justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-base);width:40px}.icon-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);color:var(--color-primary)}.icon-btn svg[data-v-45fa197e]{height:24px;width:24px}.call-dropdown-container[data-v-45fa197e]{position:relative}.call-icon-btn.has-active-calls[data-v-45fa197e]{animation:pulse-ring-45fa197e 2s ease-in-out infinite;color:var(--color-primary)}@keyframes pulse-ring-45fa197e{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 8px #7c3aed00}}.call-badge[data-v-45fa197e]{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.call-dropdown-menu[data-v-45fa197e]{animation:dropdownFadeIn-45fa197e .2s ease-out;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.1));max-height:500px;max-width:400px;min-width:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.call-dropdown-empty[data-v-45fa197e]{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.call-dropdown-empty .empty-icon[data-v-45fa197e]{height:48px;margin:0 auto var(--space-base);opacity:.3;width:48px}.call-dropdown-empty p[data-v-45fa197e]{font-size:var(--font-size-sm);margin:0}.call-dropdown-items[data-v-45fa197e]{padding:var(--space-sm)}.call-item[data-v-45fa197e]{border-bottom:1px solid var(--color-border,#e5e5e5)}.call-item[data-v-45fa197e]:last-child{border-bottom:none}.call-item-content[data-v-45fa197e]{padding:var(--space-base)}.call-item-header[data-v-45fa197e]{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.call-item-icon[data-v-45fa197e]{animation:pulse-45fa197e 2s ease-in-out infinite;color:var(--color-primary);flex-shrink:0;height:20px;width:20px}@keyframes pulse-45fa197e{0%,to{opacity:1}50%{opacity:.6}}.call-item-title[data-v-45fa197e]{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.call-item-description[data-v-45fa197e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-base) 0}.call-item-join-btn[data-v-45fa197e]{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-sm) var(--space-base);transition:all var(--transition-base);width:100%}.call-item-join-btn[data-v-45fa197e]:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-2px)}.message-icon-btn[data-v-45fa197e],.notification-dropdown-container[data-v-45fa197e]{position:relative}.message-badge[data-v-45fa197e]{pointer-events:none}.message-badge[data-v-45fa197e],.notification-badge[data-v-45fa197e]{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.notification-dropdown-menu[data-v-45fa197e]{animation:dropdownFadeIn-45fa197e .2s ease-out;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.1));display:flex;flex-direction:column;max-height:500px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}.notification-header[data-v-45fa197e]{align-items:center;border-bottom:1px solid var(--color-border,#e5e5e5);display:flex;justify-content:space-between;padding:var(--space-base) var(--space-base)}.notification-header h3[data-v-45fa197e]{font-size:var(--font-size-base);font-weight:600;margin:0}.mark-read-btn[data-v-45fa197e]{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:4px 8px;transition:background var(--transition-base)}.mark-read-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5)}.notification-dropdown-empty[data-v-45fa197e]{color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.notification-dropdown-empty .empty-icon[data-v-45fa197e]{height:48px;margin:0 auto var(--space-base);opacity:.3;width:48px}.notification-dropdown-empty p[data-v-45fa197e]{font-size:var(--font-size-sm);margin:0}.notification-dropdown-items[data-v-45fa197e]{max-height:400px;overflow-y:auto}.notification-item[data-v-45fa197e]{align-items:flex-start;border-bottom:1px solid var(--color-border,#e5e5e5);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-base);transition:background var(--transition-base)}.notification-item[data-v-45fa197e]:last-child{border-bottom:none}.notification-item[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5)}.notification-item.unread[data-v-45fa197e]{background:#eff6ff}.notification-item.unread[data-v-45fa197e]:hover{background:#dbeafe}.notification-content[data-v-45fa197e]{flex:1;min-width:0}.notification-content strong[data-v-45fa197e]{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.notification-expand-wrapper[data-v-45fa197e]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.notification-expand-wrapper.open[data-v-45fa197e]{grid-template-rows:1fr}.notification-expand-inner[data-v-45fa197e]{overflow:hidden}.notification-expand-inner p[data-v-45fa197e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding-top:4px;white-space:pre-wrap;word-break:break-word}.notification-item.expanded[data-v-45fa197e]{background:var(--color-bg-light,#f5f5f5)}.notification-time[data-v-45fa197e]{color:var(--color-text-tertiary,#999);font-size:11px}.unread-dot[data-v-45fa197e]{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.user-menu[data-v-45fa197e]{position:relative}.user-menu-btn[data-v-45fa197e]{align-items:center;background:transparent;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:var(--space-sm);padding:var(--space-sm) var(--space-base);transition:all var(--transition-base)}.user-menu-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);border-color:var(--color-primary)}.user-avatar[data-v-45fa197e]{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar-img[data-v-45fa197e]{background:none;color:transparent;-o-object-fit:cover;object-fit:cover}.avatar-wrapper[data-v-45fa197e]{display:inline-flex;position:relative}.nav-online-dot[data-v-45fa197e]{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px;z-index:1}.nav-online-dot--in-gesprek[data-v-45fa197e]{background:#7c3aed}.user-name[data-v-45fa197e]{color:var(--color-text-primary);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon[data-v-45fa197e]{color:var(--color-text-secondary);height:20px;transition:transform var(--transition-base);width:20px}.dropdown-icon.open[data-v-45fa197e]{transform:rotate(180deg)}.dropdown-menu[data-v-45fa197e]{animation:dropdownFadeIn-45fa197e .2s ease-out;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.1));min-width:220px;padding:var(--space-sm) 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn-45fa197e{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-45fa197e]{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:var(--space-base);padding:var(--space-sm) var(--space-base);text-align:left;text-decoration:none;transition:all var(--transition-base);width:100%}.dropdown-item[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);color:var(--color-primary)}.dropdown-item svg[data-v-45fa197e]{flex-shrink:0;height:20px;width:20px}.dropdown-divider[data-v-45fa197e]{background:var(--color-border,#e5e5e5);height:1px;margin:var(--space-sm) 0}.anonymous-toggle[data-v-45fa197e]{position:relative}.anonymous-toggle.active[data-v-45fa197e]{background:#7c3aed14}.anonymous-toggle.active[data-v-45fa197e],.anonymous-toggle.active svg[data-v-45fa197e]{color:var(--color-primary)}.anonymous-indicator[data-v-45fa197e]{background:var(--color-border,#d1d5db);border-radius:10px;flex-shrink:0;height:20px;margin-left:auto;position:relative;transition:background var(--transition-base);width:36px}.anonymous-indicator[data-v-45fa197e]:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:16px}.anonymous-indicator.on[data-v-45fa197e]{background:var(--color-primary)}.anonymous-indicator.on[data-v-45fa197e]:after{transform:translate(16px)}.mobile-anonymous-toggle[data-v-45fa197e]{align-items:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) 0;transition:all var(--transition-base);width:100%}.mobile-anonymous-toggle.active[data-v-45fa197e]{color:var(--color-primary)}.mobile-anonymous-toggle svg[data-v-45fa197e]{flex-shrink:0;height:22px;width:22px}.anonymous-indicator.mobile[data-v-45fa197e]{margin-left:auto}.anonymous-avatar[data-v-45fa197e]{align-items:center;background:var(--color-primary);color:#fff;display:flex;justify-content:center}.anonymous-avatar svg[data-v-45fa197e]{height:60%;width:60%}.mobile-menu-btn[data-v-45fa197e]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;height:44px;justify-content:center;margin-left:auto;transition:all var(--transition-base);width:44px;-webkit-tap-highlight-color:transparent}.mobile-menu-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5)}.mobile-menu-btn[data-v-45fa197e]:active{transform:scale(.92)}@media(max-width:768px){.nav-actions[data-v-45fa197e],.nav-links[data-v-45fa197e]{display:none}.mobile-menu-btn[data-v-45fa197e]{display:flex}.wallet-pill[data-v-45fa197e]{display:none}}.hamburger-lines[data-v-45fa197e]{align-items:center;display:flex;flex-direction:column;height:24px;justify-content:center;position:relative;width:24px}.hamburger-lines span[data-v-45fa197e]{background:var(--color-text-primary);border-radius:2px;display:block;height:2px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.hamburger-lines span[data-v-45fa197e]:first-child{top:5px}.hamburger-lines span[data-v-45fa197e]:nth-child(2){top:11px}.hamburger-lines span[data-v-45fa197e]:nth-child(3){top:17px}.hamburger-lines.open span[data-v-45fa197e]:first-child{background:var(--color-primary);top:11px;transform:rotate(45deg)}.hamburger-lines.open span[data-v-45fa197e]:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-lines.open span[data-v-45fa197e]:nth-child(3){background:var(--color-primary);top:11px;transform:rotate(-45deg)}.mobile-menu-overlay[data-v-45fa197e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9999}.mobile-menu[data-v-45fa197e]{background:var(--color-bg-white,#fff);bottom:0;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;max-width:90vw;overflow-y:auto;position:fixed;right:0;top:0;width:320px}.mobile-menu-header[data-v-45fa197e]{align-items:center;border-bottom:1px solid var(--color-border,#e5e5e5);display:flex;justify-content:space-between;padding:var(--space-lg)}.mobile-logo img[data-v-45fa197e]{height:50px;width:auto}.mobile-close-btn[data-v-45fa197e]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.mobile-close-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);color:var(--color-primary)}.mobile-close-btn svg[data-v-45fa197e]{height:24px;width:24px}.mobile-menu-content[data-v-45fa197e]{display:flex;flex:1;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg)}.mobile-nav-links[data-v-45fa197e]{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.mobile-nav-links li a[data-v-45fa197e]{align-items:center;border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--space-sm);padding:var(--space-base) var(--space-sm);text-decoration:none;transition:all var(--transition-base)}.mobile-nav-links li a svg[data-v-45fa197e]{flex-shrink:0;height:20px;width:20px}.mobile-nav-links li a.router-link-active[data-v-45fa197e],.mobile-nav-links li a[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);color:var(--color-primary)}.mobile-auth-actions[data-v-45fa197e]{border-top:1px solid var(--color-border,#e5e5e5);display:flex;flex-direction:column;gap:var(--space-base);padding-top:var(--space-lg)}.mobile-link[data-v-45fa197e]{border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-weight:600;padding:var(--space-base);text-align:center;text-decoration:none;transition:all var(--transition-base)}.mobile-link[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);border-color:var(--color-primary);color:var(--color-primary)}.mobile-btn-primary[data-v-45fa197e]{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;display:block;font-size:var(--font-size-base);font-weight:600;padding:var(--space-base) var(--space-lg);text-align:center;text-decoration:none;transition:all var(--transition-base)}.mobile-btn-primary[data-v-45fa197e]:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.mobile-section-divider[data-v-45fa197e]{align-items:center;display:flex;gap:var(--space-sm)}.mobile-section-label[data-v-45fa197e]{color:var(--color-text-tertiary,#999);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mobile-section-divider[data-v-45fa197e]:after{background:var(--color-border,#e5e5e5);content:"";flex:1;height:1px}.mobile-user-section[data-v-45fa197e]{display:flex;flex-direction:column;gap:var(--space-lg)}.mobile-user-info[data-v-45fa197e]{align-items:center;background:var(--color-bg-light,#f5f5f5);border-radius:var(--radius-lg);display:flex;gap:var(--space-base);padding:var(--space-base)}.mobile-user-avatar[data-v-45fa197e]{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:600;height:48px;justify-content:center;width:48px}.mobile-user-avatar-img[data-v-45fa197e]{background:none;color:transparent;-o-object-fit:cover;object-fit:cover}.mobile-user-name[data-v-45fa197e]{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.mobile-logout-btn[data-v-45fa197e]{align-items:center;background:transparent;border:1px solid #ef4444;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-base);transition:all var(--transition-base);width:100%}.mobile-logout-btn[data-v-45fa197e]:hover{background:#ef4444;color:#fff}.mobile-logout-btn svg[data-v-45fa197e]{height:20px;width:20px}.mobile-quick-actions[data-v-45fa197e]{background:var(--color-bg-light,#f5f5f5);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-base);padding:var(--space-base)}.mobile-calls-section[data-v-45fa197e]{border-bottom:1px solid var(--color-border,#e5e5e5);padding-bottom:var(--space-base)}.mobile-section-title[data-v-45fa197e]{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-sm);margin:0 0 var(--space-sm) 0}.mobile-section-title svg[data-v-45fa197e]{animation:pulse-45fa197e 2s ease-in-out infinite;height:18px;width:18px}.mobile-call-item[data-v-45fa197e]{background:#fff;border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-base)}.mobile-call-item[data-v-45fa197e]:last-child{margin-bottom:0}.mobile-call-content[data-v-45fa197e]{margin-bottom:var(--space-sm)}.mobile-call-content strong[data-v-45fa197e]{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px}.mobile-call-content p[data-v-45fa197e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.mobile-call-join-btn[data-v-45fa197e]{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-sm) var(--space-base);transition:all var(--transition-base);width:100%}.mobile-call-join-btn[data-v-45fa197e]:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-2px)}.mobile-action-buttons[data-v-45fa197e]{display:flex;gap:var(--space-sm)}.mobile-action-btn[data-v-45fa197e]{align-items:center;background:#fff;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-base);position:relative;text-decoration:none;transition:all var(--transition-base)}.mobile-action-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5);border-color:var(--color-primary);color:var(--color-primary)}.mobile-action-btn svg[data-v-45fa197e]{flex-shrink:0;height:20px;width:20px}.mobile-badge[data-v-45fa197e]{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;line-height:1;min-width:16px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.mobile-notifications-panel[data-v-45fa197e]{background:#fff;border-radius:var(--radius-md);margin-top:var(--space-sm);overflow:hidden}.mobile-notifications-header[data-v-45fa197e]{align-items:center;border-bottom:1px solid var(--color-border,#e5e5e5);display:flex;justify-content:space-between;padding:var(--space-base)}.mobile-notifications-header h4[data-v-45fa197e]{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.mobile-mark-read-btn[data-v-45fa197e]{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;padding:4px 8px;transition:background var(--transition-base)}.mobile-mark-read-btn[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5)}.mobile-notifications-empty[data-v-45fa197e]{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.mobile-notifications-empty svg[data-v-45fa197e]{height:48px;margin:0 auto var(--space-base);opacity:.3;width:48px}.mobile-notifications-empty p[data-v-45fa197e]{font-size:var(--font-size-sm);margin:0}.mobile-notifications-list[data-v-45fa197e]{max-height:300px;overflow-y:auto}.mobile-notification-item[data-v-45fa197e]{align-items:flex-start;border-bottom:1px solid var(--color-border,#e5e5e5);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-base);transition:background var(--transition-base)}.mobile-notification-item[data-v-45fa197e]:last-child{border-bottom:none}.mobile-notification-item[data-v-45fa197e]:hover{background:var(--color-bg-light,#f5f5f5)}.mobile-notification-item.unread[data-v-45fa197e]{background:#eff6ff}.mobile-notification-item.unread[data-v-45fa197e]:hover{background:#dbeafe}.mobile-notification-content[data-v-45fa197e]{flex:1;min-width:0}.mobile-notification-content strong[data-v-45fa197e]{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.mobile-notification-item.expanded[data-v-45fa197e]{background:var(--color-bg-light,#f5f5f5)}.mobile-notification-time[data-v-45fa197e]{color:var(--color-text-tertiary,#999);font-size:11px}.mobile-unread-dot[data-v-45fa197e]{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.mobile-menu-enter-active[data-v-45fa197e],.mobile-menu-leave-active[data-v-45fa197e]{transition:opacity .3s ease}.mobile-menu-enter-active .mobile-menu[data-v-45fa197e],.mobile-menu-leave-active .mobile-menu[data-v-45fa197e]{transition:transform .3s ease}.mobile-menu-enter-from[data-v-45fa197e],.mobile-menu-leave-to[data-v-45fa197e]{opacity:0}.mobile-menu-enter-from .mobile-menu[data-v-45fa197e],.mobile-menu-leave-to .mobile-menu[data-v-45fa197e]{transform:translate(100%)}@media(max-width:480px){.nav[data-v-45fa197e]{padding:var(--space-sm) var(--space-base)}.logo-img[data-v-45fa197e]{height:50px}.mobile-menu[data-v-45fa197e]{max-width:100vw;width:100%}}