.notif-wrap[data-v-e837bf28]{position:relative;display:inline-flex;align-items:center}.notif-btn[data-v-e837bf28]{width:36px;height:36px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s;position:relative}.notif-btn[data-v-e837bf28]:hover,.notif-btn.active[data-v-e837bf28]{background:#0d737733;border-color:#0d737766;color:#14a8a0}.notif-badge[data-v-e837bf28]{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;background:#e53e3e;color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notif-panel[data-v-e837bf28]{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#0a1628fa;border:1px solid rgba(200,169,110,.2);border-radius:14px;z-index:9999;overflow:hidden;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.notif-head[data-v-e837bf28]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-head-title[data-v-e837bf28]{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8dcffb3}.notif-mark-all[data-v-e837bf28]{font-size:.72rem;color:#14a8a0;background:none;border:none;cursor:pointer;transition:color .2s}.notif-mark-all[data-v-e837bf28]:hover{color:#c8a96e}.notif-list[data-v-e837bf28]{max-height:360px;overflow-y:auto}.notif-list[data-v-e837bf28]::-webkit-scrollbar{width:4px}.notif-list[data-v-e837bf28]::-webkit-scrollbar-track{background:transparent}.notif-list[data-v-e837bf28]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notif-item[data-v-e837bf28]{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s;position:relative}.notif-item[data-v-e837bf28]:hover{background:#ffffff08}.notif-item.unread[data-v-e837bf28]{background:#0d73770f}.notif-item[data-v-e837bf28]:last-child{border-bottom:none}.notif-icon[data-v-e837bf28]{width:34px;height:34px;border-radius:8px;background:#0d737726;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.notif-item.promo .notif-icon[data-v-e837bf28]{background:#c8a96e1f}.notif-item.warning .notif-icon[data-v-e837bf28]{background:#eab3081f}.notif-item.success .notif-icon[data-v-e837bf28]{background:#16a34a1f}.notif-body[data-v-e837bf28]{flex:1;min-width:0}.notif-title[data-v-e837bf28]{font-size:.82rem;font-weight:600;color:#fff;margin-bottom:3px;line-height:1.3}.notif-text[data-v-e837bf28]{font-size:.76rem;color:#c8dcff80;line-height:1.4}.notif-time[data-v-e837bf28]{font-size:.69rem;color:#c8dcff4d;margin-top:4px;display:block}.notif-dot[data-v-e837bf28]{width:7px;height:7px;border-radius:50%;background:#14a8a0;flex-shrink:0;align-self:flex-start;margin-top:5px}.notif-empty[data-v-e837bf28]{padding:32px;text-align:center;color:#c8dcff4d;font-size:.8rem;display:flex;flex-direction:column;align-items:center}.notif-spin[data-v-e837bf28]{width:20px;height:20px;border:2px solid rgba(13,115,119,.3);border-top-color:#14a8a0;border-radius:50%;animation:spin-e837bf28 .7s linear infinite}@keyframes spin-e837bf28{to{transform:rotate(360deg)}}.notif-footer[data-v-e837bf28]{padding:10px 18px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.notif-view-all[data-v-e837bf28]{font-size:.75rem;color:#14a8a0;text-decoration:none;transition:color .2s}.notif-view-all[data-v-e837bf28]:hover{color:#c8a96e}.notif-drop-enter-active[data-v-e837bf28],.notif-drop-leave-active[data-v-e837bf28]{transition:all .2s ease}.notif-drop-enter-from[data-v-e837bf28],.notif-drop-leave-to[data-v-e837bf28]{opacity:0;transform:translateY(-6px) scale(.97)}.slide-down-enter-active[data-v-6aeca55f],.slide-down-leave-active[data-v-6aeca55f]{transition:all .3s ease}.slide-down-enter-from[data-v-6aeca55f],.slide-down-leave-to[data-v-6aeca55f]{opacity:0;transform:translateY(-8px)}
