.notification-panel[data-v-33d34c05]{position:fixed;top:68px;right:0;bottom:0;width:100%;max-width:400px;background:#fff;box-shadow:-4px 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column}.panel-content[data-v-33d34c05]{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-33d34c05]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #F0F0F0}.panel-header h3[data-v-33d34c05]{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.close-btn[data-v-33d34c05]{width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;color:#757575;font-size:18px;cursor:pointer;transition:all .3s ease}.close-btn[data-v-33d34c05]:active{transform:scale(.9);background:#0000001a}.panel-body[data-v-33d34c05]{flex:1;overflow-y:auto;padding:8px}.notification-list[data-v-33d34c05]{display:flex;flex-direction:column;gap:8px}.notification-item[data-v-33d34c05]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid #F0F0F0}.notification-item.unread[data-v-33d34c05]{background:#ff2e550d;border-color:#ff2e5533}.notification-item[data-v-33d34c05]:active{transform:scale(.98);background:#ff2e5514}.notification-icon[data-v-33d34c05]{width:40px;height:40px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.notification-content[data-v-33d34c05]{flex:1;min-width:0}.notification-title[data-v-33d34c05]{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 6px;line-height:1.4}.notification-time[data-v-33d34c05]{font-size:12px;color:#9e9e9e}.empty-state[data-v-33d34c05]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#bdbdbd;font-size:40px}.empty-state p[data-v-33d34c05]{margin-top:16px;font-size:14px;color:#9e9e9e}.notification-slide-enter-active[data-v-33d34c05],.notification-slide-leave-active[data-v-33d34c05]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification-slide-enter-from[data-v-33d34c05],.notification-slide-leave-to[data-v-33d34c05]{transform:translate(100%)}.menu-overlay[data-v-555cbfcb]{position:fixed;inset:68px 0 0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;overflow-y:auto}.menu-content[data-v-555cbfcb]{background:linear-gradient(to bottom,#fff,#f8f9fa);min-height:100%;padding:20px 20px 40px;animation:slideDown-555cbfcb .4s cubic-bezier(.4,0,.2,1)}.user-section[data-v-555cbfcb]{margin-bottom:24px}.user-profile[data-v-555cbfcb]{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#ff2e550d,#6c63ff0d);border-radius:20px;margin-bottom:16px;border:1px solid rgba(255,46,85,.1)}.user-avatar-wrapper[data-v-555cbfcb]{position:relative}.user-avatar[data-v-555cbfcb]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 16px #0000001f}.user-avatar-default[data-v-555cbfcb]{background:linear-gradient(135deg,#ff2e55,#ff7a45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.vip-badge-overlay[data-v-555cbfcb]{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;border:2px solid white;box-shadow:0 2px 8px #ffd70080;animation:pulse-555cbfcb 2s ease-in-out infinite}@keyframes pulse-555cbfcb{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-info[data-v-555cbfcb]{flex:1;min-width:0}.user-name[data-v-555cbfcb]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-level[data-v-555cbfcb]{display:flex;align-items:center}.level-badge[data-v-555cbfcb]{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.level-free[data-v-555cbfcb]{background:linear-gradient(135deg,#e3f2fd,#90caf9);color:#1565c0;border:1px solid rgba(21,101,192,.2)}.level-monthly[data-v-555cbfcb]{background:linear-gradient(135deg,#fff3e0,#ffe082);color:#e65100;border:1px solid rgba(230,81,0,.2)}.level-quarterly[data-v-555cbfcb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(255,255,255,.3)}.info-cards[data-v-555cbfcb]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.info-card[data-v-555cbfcb]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.info-card[data-v-555cbfcb]:active{transform:scale(.97);box-shadow:0 1px 6px #00000014}.credits-card[data-v-555cbfcb]{border-left:3px solid #FFA500}.vip-card[data-v-555cbfcb]{border-left:3px solid #667eea}.card-icon[data-v-555cbfcb]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.credits-card .card-icon[data-v-555cbfcb]{background:linear-gradient(135deg,#fff3e0,#ffe082);color:#f57c00}.vip-card .card-icon[data-v-555cbfcb]{background:linear-gradient(135deg,#e8eaf6,#c5cae9);color:#5e35b1}.card-info[data-v-555cbfcb]{display:flex;flex-direction:column;gap:2px}.card-label[data-v-555cbfcb]{font-size:11px;color:#757575;font-weight:500}.card-value[data-v-555cbfcb]{font-size:16px;font-weight:700;color:#1a1a1a}.guest-section[data-v-555cbfcb]{margin-bottom:24px}.guest-welcome[data-v-555cbfcb]{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#ff2e550d,#6c63ff0d);border-radius:20px;margin-bottom:16px;border:1px solid rgba(255,46,85,.1)}.welcome-icon[data-v-555cbfcb]{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 16px #ff2e554d}.guest-welcome h3[data-v-555cbfcb]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.guest-welcome p[data-v-555cbfcb]{font-size:14px;color:#757575;margin:0}.login-btn[data-v-555cbfcb]{width:100%;padding:16px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ff2e554d}.login-btn[data-v-555cbfcb]:active{transform:scale(.98);box-shadow:0 4px 15px #ff2e5540}.nav-menu[data-v-555cbfcb]{display:flex;flex-direction:column;gap:20px}.menu-section[data-v-555cbfcb]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.section-title[data-v-555cbfcb]{font-size:12px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;margin:0;background:#f5f5f5}.menu-item[data-v-555cbfcb]{display:flex;align-items:center;gap:16px;padding:16px;text-decoration:none;color:#1a1a1a;font-size:15px;font-weight:500;border:none;background:#fff;width:100%;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #F0F0F0}.menu-item[data-v-555cbfcb]:last-child{border-bottom:none}.menu-item[data-v-555cbfcb]:active{background:#ff2e550d;transform:scale(.98)}.item-icon[data-v-555cbfcb]{width:40px;height:40px;background:linear-gradient(135deg,#ff2e551a,#ff7a451a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff2e55;font-size:18px;flex-shrink:0}.item-label[data-v-555cbfcb]{flex:1}.item-arrow[data-v-555cbfcb]{font-size:14px;color:#bdbdbd;flex-shrink:0}.logout-item[data-v-555cbfcb]{color:#ef4444}.logout-item .item-icon[data-v-555cbfcb]{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444}@keyframes slideDown-555cbfcb{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-bar[data-v-0a002cfd]{background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #00000014;border-bottom:1px solid rgba(255,46,85,.1)}.nav-container[data-v-0a002cfd]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:100%;gap:12px}.nav-logo[data-v-0a002cfd]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .3s ease;flex:1;min-width:0;max-width:-moz-max-content;max-width:max-content}.nav-logo[data-v-0a002cfd]:active{transform:scale(.95)}.logo-icon[data-v-0a002cfd]{width:36px;height:36px;background:linear-gradient(135deg,#ff2e55,#ff7a45,#6c63ff);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #ff2e554d;flex-shrink:0}.logo-text[data-v-0a002cfd]{font-size:16px;font-weight:700;background:linear-gradient(135deg,#ff2e55,#ff7a45,#6c63ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.nav-actions[data-v-0a002cfd]{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn[data-v-0a002cfd]{width:44px;height:44px;border-radius:12px;background:#ff2e5514;border:none;display:flex;align-items:center;justify-content:center;color:#ff2e55;font-size:20px;cursor:pointer;transition:all .3s ease;position:relative}.action-btn[data-v-0a002cfd]:active{transform:scale(.92);background:#ff2e5526}.notification-btn[data-v-0a002cfd]{position:relative}.badge[data-v-0a002cfd]{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff2e55,#ff6b35);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #ff2e5566;border:2px solid white}.menu-icon[data-v-0a002cfd]{display:flex;flex-direction:column;gap:4px;width:20px;height:16px}.menu-icon span[data-v-0a002cfd]{display:block;width:100%;height:2.5px;background:#ff2e55;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-btn.active .menu-icon span[data-v-0a002cfd]:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-btn.active .menu-icon span[data-v-0a002cfd]:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn.active .menu-icon span[data-v-0a002cfd]:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width: 480px){.nav-container[data-v-0a002cfd]{padding:10px 14px;gap:10px}.nav-logo[data-v-0a002cfd]{gap:7px}.logo-icon[data-v-0a002cfd]{width:34px;height:34px;font-size:15px;border-radius:9px}.logo-text[data-v-0a002cfd]{font-size:15px}.action-btn[data-v-0a002cfd]{width:42px;height:42px}.nav-actions[data-v-0a002cfd]{gap:7px}}@media (max-width: 375px){.nav-container[data-v-0a002cfd]{padding:10px 12px;gap:8px}.nav-logo[data-v-0a002cfd]{gap:6px}}.modern-mobile-nav[data-v-2f20f8e5]{position:fixed;top:0;left:0;right:0;z-index:1000}.nav-bar[data-v-2f20f8e5]{background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #00000014;border-bottom:1px solid rgba(255,46,85,.1)}.nav-container[data-v-2f20f8e5]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:100%;gap:12px}.nav-logo[data-v-2f20f8e5]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .3s ease;flex:1;min-width:0;max-width:-moz-max-content;max-width:max-content}.nav-logo[data-v-2f20f8e5]:active{transform:scale(.95)}.logo-icon[data-v-2f20f8e5]{width:36px;height:36px;background:linear-gradient(135deg,#ff2e55,#ff7a45,#6c63ff);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #ff2e554d;flex-shrink:0}.logo-text[data-v-2f20f8e5]{font-size:16px;font-weight:700;background:linear-gradient(135deg,#ff2e55,#ff7a45,#6c63ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.nav-actions[data-v-2f20f8e5]{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn[data-v-2f20f8e5]{width:44px;height:44px;border-radius:12px;background:#ff2e5514;border:none;display:flex;align-items:center;justify-content:center;color:#ff2e55;font-size:20px;cursor:pointer;transition:all .3s ease;position:relative}.action-btn[data-v-2f20f8e5]:active{transform:scale(.92);background:#ff2e5526}.notification-btn[data-v-2f20f8e5]{position:relative}.badge[data-v-2f20f8e5]{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff2e55,#ff6b35);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #ff2e5566;border:2px solid white}.menu-icon[data-v-2f20f8e5]{display:flex;flex-direction:column;gap:4px;width:20px;height:16px}.menu-icon span[data-v-2f20f8e5]{display:block;width:100%;height:2.5px;background:#ff2e55;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-btn.active .menu-icon span[data-v-2f20f8e5]:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-btn.active .menu-icon span[data-v-2f20f8e5]:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn.active .menu-icon span[data-v-2f20f8e5]:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.menu-overlay[data-v-2f20f8e5]{position:fixed;inset:68px 0 0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;overflow-y:auto}.menu-content[data-v-2f20f8e5]{background:linear-gradient(to bottom,#fff,#f8f9fa);min-height:100%;padding:20px 20px 40px;animation:slideDown-2f20f8e5 .4s cubic-bezier(.4,0,.2,1)}.user-section[data-v-2f20f8e5]{margin-bottom:24px}.user-profile[data-v-2f20f8e5]{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#ff2e550d,#6c63ff0d);border-radius:20px;margin-bottom:16px;border:1px solid rgba(255,46,85,.1)}.user-avatar-wrapper[data-v-2f20f8e5]{position:relative}.user-avatar[data-v-2f20f8e5]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 16px #0000001f}.user-avatar-default[data-v-2f20f8e5]{background:linear-gradient(135deg,#ff2e55,#ff7a45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.vip-badge-overlay[data-v-2f20f8e5]{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;border:2px solid white;box-shadow:0 2px 8px #ffd70080;animation:pulse-2f20f8e5 2s ease-in-out infinite}@keyframes pulse-2f20f8e5{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-info[data-v-2f20f8e5]{flex:1;min-width:0}.user-name[data-v-2f20f8e5]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-level[data-v-2f20f8e5]{display:flex;align-items:center}.level-badge[data-v-2f20f8e5]{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.level-free[data-v-2f20f8e5]{background:linear-gradient(135deg,#e3f2fd,#90caf9);color:#1565c0;border:1px solid rgba(21,101,192,.2)}.level-monthly[data-v-2f20f8e5]{background:linear-gradient(135deg,#fff3e0,#ffe082);color:#e65100;border:1px solid rgba(230,81,0,.2)}.level-quarterly[data-v-2f20f8e5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(255,255,255,.3)}.info-cards[data-v-2f20f8e5]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.info-card[data-v-2f20f8e5]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.info-card[data-v-2f20f8e5]:active{transform:scale(.97);box-shadow:0 1px 6px #00000014}.credits-card[data-v-2f20f8e5]{border-left:3px solid #FFA500}.vip-card[data-v-2f20f8e5]{border-left:3px solid #667eea}.card-icon[data-v-2f20f8e5]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.credits-card .card-icon[data-v-2f20f8e5]{background:linear-gradient(135deg,#fff3e0,#ffe082);color:#f57c00}.vip-card .card-icon[data-v-2f20f8e5]{background:linear-gradient(135deg,#e8eaf6,#c5cae9);color:#5e35b1}.card-info[data-v-2f20f8e5]{display:flex;flex-direction:column;gap:2px}.card-label[data-v-2f20f8e5]{font-size:11px;color:#757575;font-weight:500}.card-value[data-v-2f20f8e5]{font-size:16px;font-weight:700;color:#1a1a1a}.upgrade-btn[data-v-2f20f8e5]{width:100%;padding:16px;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #9333ea66;position:relative;overflow:hidden}.upgrade-btn[data-v-2f20f8e5]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.upgrade-btn[data-v-2f20f8e5]:active{transform:scale(.98);box-shadow:0 4px 15px #9333ea4d}.upgrade-btn[data-v-2f20f8e5]:active:before{left:100%}.upgrade-icon[data-v-2f20f8e5]{font-size:18px;color:gold}.promo-tag[data-v-2f20f8e5]{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff2e55,#ff6b35);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:8px;box-shadow:0 2px 8px #ff2e5566;border:2px solid white;animation:bounce-2f20f8e5 2s ease-in-out infinite}@keyframes bounce-2f20f8e5{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.guest-section[data-v-2f20f8e5]{margin-bottom:24px}.guest-welcome[data-v-2f20f8e5]{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#ff2e550d,#6c63ff0d);border-radius:20px;margin-bottom:16px;border:1px solid rgba(255,46,85,.1)}.welcome-icon[data-v-2f20f8e5]{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 16px #ff2e554d}.guest-welcome h3[data-v-2f20f8e5]{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.guest-welcome p[data-v-2f20f8e5]{font-size:14px;color:#757575;margin:0}.login-btn[data-v-2f20f8e5]{width:100%;padding:16px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ff2e554d}.login-btn[data-v-2f20f8e5]:active{transform:scale(.98);box-shadow:0 4px 15px #ff2e5540}.nav-menu[data-v-2f20f8e5]{display:flex;flex-direction:column;gap:20px}.menu-section[data-v-2f20f8e5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.section-title[data-v-2f20f8e5]{font-size:12px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;margin:0;background:#f5f5f5}.menu-item[data-v-2f20f8e5]{display:flex;align-items:center;gap:16px;padding:16px;text-decoration:none;color:#1a1a1a;font-size:15px;font-weight:500;border:none;background:#fff;width:100%;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #F0F0F0}.menu-item[data-v-2f20f8e5]:last-child{border-bottom:none}.menu-item[data-v-2f20f8e5]:active{background:#ff2e550d;transform:scale(.98)}.item-icon[data-v-2f20f8e5]{width:40px;height:40px;background:linear-gradient(135deg,#ff2e551a,#ff7a451a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ff2e55;font-size:18px;flex-shrink:0}.item-label[data-v-2f20f8e5]{flex:1}.item-arrow[data-v-2f20f8e5]{font-size:14px;color:#bdbdbd;flex-shrink:0}.logout-item[data-v-2f20f8e5]{color:#ef4444}.logout-item .item-icon[data-v-2f20f8e5]{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444}.notification-panel[data-v-2f20f8e5]{position:fixed;top:68px;right:0;bottom:0;width:100%;max-width:400px;background:#fff;box-shadow:-4px 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column}.panel-content[data-v-2f20f8e5]{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-2f20f8e5]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #F0F0F0}.panel-header h3[data-v-2f20f8e5]{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.close-btn[data-v-2f20f8e5]{width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;color:#757575;font-size:18px;cursor:pointer;transition:all .3s ease}.close-btn[data-v-2f20f8e5]:active{transform:scale(.9);background:#0000001a}.panel-body[data-v-2f20f8e5]{flex:1;overflow-y:auto;padding:8px}.notification-list[data-v-2f20f8e5]{display:flex;flex-direction:column;gap:8px}.notification-item[data-v-2f20f8e5]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid #F0F0F0}.notification-item.unread[data-v-2f20f8e5]{background:#ff2e550d;border-color:#ff2e5533}.notification-item[data-v-2f20f8e5]:active{transform:scale(.98);background:#ff2e5514}.notification-icon[data-v-2f20f8e5]{width:40px;height:40px;background:linear-gradient(135deg,#ff2e55,#ff7a45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.notification-content[data-v-2f20f8e5]{flex:1;min-width:0}.notification-title[data-v-2f20f8e5]{font-size:14px;font-weight:500;color:#1a1a1a;margin:0 0 6px;line-height:1.4}.notification-time[data-v-2f20f8e5]{font-size:12px;color:#9e9e9e}.empty-state[data-v-2f20f8e5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#bdbdbd;font-size:40px}.empty-state p[data-v-2f20f8e5]{margin-top:16px;font-size:14px;color:#9e9e9e}.menu-slide-enter-active[data-v-2f20f8e5],.menu-slide-leave-active[data-v-2f20f8e5]{transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-slide-enter-from[data-v-2f20f8e5],.menu-slide-leave-to[data-v-2f20f8e5]{opacity:0}.menu-slide-enter-from .menu-content[data-v-2f20f8e5],.menu-slide-leave-to .menu-content[data-v-2f20f8e5]{transform:translateY(-20px)}@keyframes slideDown-2f20f8e5{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-slide-enter-active[data-v-2f20f8e5],.notification-slide-leave-active[data-v-2f20f8e5]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification-slide-enter-from[data-v-2f20f8e5],.notification-slide-leave-to[data-v-2f20f8e5]{transform:translate(100%)}@media (max-width: 480px){.nav-container[data-v-2f20f8e5]{padding:10px 14px;gap:10px}.nav-logo[data-v-2f20f8e5]{gap:7px}.logo-icon[data-v-2f20f8e5]{width:34px;height:34px;font-size:15px;border-radius:9px}.logo-text[data-v-2f20f8e5]{font-size:15px}.action-btn[data-v-2f20f8e5]{width:42px;height:42px}.nav-actions[data-v-2f20f8e5]{gap:7px}}@media (max-width: 375px){.nav-container[data-v-2f20f8e5]{padding:10px 12px;gap:8px}.nav-logo[data-v-2f20f8e5]{gap:6px}.logo-icon[data-v-2f20f8e5]{width:32px;height:32px;font-size:14px;border-radius:8px}.logo-text[data-v-2f20f8e5]{font-size:14px}.action-btn[data-v-2f20f8e5]{width:40px;height:40px}.nav-actions[data-v-2f20f8e5]{gap:6px}.info-cards[data-v-2f20f8e5]{grid-template-columns:1fr}}@media (min-width: 768px){.notification-panel[data-v-2f20f8e5]{max-width:400px}}body.menu-open[data-v-2f20f8e5]{overflow:hidden}