.notification-root[data-v-f7c83f72]{display:inline-flex;position:relative}.notification-trigger[data-v-f7c83f72]{position:relative}.notification-badge[data-v-f7c83f72]{background:var(--primary);border:2px solid var(--surface);border-radius:20px;color:#fff;display:grid;font-size:9px;font-weight:800;height:17px;line-height:1;min-width:17px;padding:0 4px;place-items:center;position:absolute;right:-4px;top:-5px}.notification-layer[data-v-f7c83f72]{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 24px));z-index:120}.notification-backdrop[data-v-f7c83f72]{display:none}.notification-panel[data-v-f7c83f72]{background:var(--surface);border:1px solid var(--border-strong);border-radius:15px;box-shadow:var(--shadow-lg);color:var(--text);overflow:hidden}.notification-head[data-v-f7c83f72]{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:16px 16px 13px}.notification-head h2[data-v-f7c83f72]{font-size:17px;letter-spacing:-.25px;margin:0}.notification-head p[data-v-f7c83f72]{color:var(--muted);font-size:11px;margin:2px 0 0}.notification-actions[data-v-f7c83f72]{align-items:center;display:flex;gap:5px}.notification-actions>button[data-v-f7c83f72]{background:transparent;border:0;border-radius:7px;color:var(--primary);cursor:pointer;font-size:11px;font-weight:700;min-height:32px;padding:0 8px}.notification-actions>button[data-v-f7c83f72]:hover{background:var(--primary-soft)}.notification-actions .notification-close[data-v-f7c83f72]{color:var(--muted);padding:0;width:32px}.notification-list[data-v-f7c83f72]{max-height:min(430px,calc(100vh - 118px));overflow-y:auto;overscroll-behavior:contain}.notification-item[data-v-f7c83f72]{align-items:start;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:grid;gap:11px;grid-template-columns:40px minmax(0,1fr) auto;padding:14px 15px;text-align:left;transition:background-color .16s ease;width:100%}.notification-item[data-v-f7c83f72]:last-child{border-bottom:0}.notification-item[data-v-f7c83f72]:hover{background:var(--surface-2)}.notification-item.unread[data-v-f7c83f72]{background:color-mix(in srgb,var(--primary-soft) 68%,var(--surface))}.notification-item.unread[data-v-f7c83f72]:hover{background:var(--primary-soft)}.notification-icon[data-v-f7c83f72]{background:var(--surface-3);border-radius:11px;color:var(--muted);display:grid;height:40px;place-items:center;width:40px}.notification-icon.order[data-v-f7c83f72]{background:var(--primary-soft);color:var(--primary)}.notification-icon.balance[data-v-f7c83f72]{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}.notification-icon.support[data-v-f7c83f72]{background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet)}.notification-icon.security[data-v-f7c83f72]{background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warning)}.notification-copy[data-v-f7c83f72]{display:grid;gap:3px;min-width:0}.notification-copy strong[data-v-f7c83f72]{color:var(--text);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-copy>span[data-v-f7c83f72]{color:var(--muted);display:-webkit-box;font-size:11px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-meta[data-v-f7c83f72]{display:grid;gap:7px;justify-items:end;padding-top:1px}.notification-meta time[data-v-f7c83f72]{color:var(--muted);font-size:9px;white-space:nowrap}.unread-dot[data-v-f7c83f72]{background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px var(--primary-soft);height:7px;width:7px}.notification-empty[data-v-f7c83f72]{align-content:center;color:var(--muted);display:grid;gap:7px;min-height:220px;padding:32px;place-items:center;text-align:center}.notification-empty svg[data-v-f7c83f72]{color:var(--primary)}.notification-empty strong[data-v-f7c83f72]{color:var(--text);font-size:14px}.notification-empty span[data-v-f7c83f72]{font-size:11px;max-width:260px}.notification-pop-enter-active[data-v-f7c83f72],.notification-pop-leave-active[data-v-f7c83f72]{transition:opacity .18s ease}.notification-pop-enter-from[data-v-f7c83f72],.notification-pop-leave-to[data-v-f7c83f72]{opacity:0}.notification-pop-enter-active .notification-panel[data-v-f7c83f72],.notification-pop-leave-active .notification-panel[data-v-f7c83f72]{transition:transform .18s ease}.notification-pop-enter-from .notification-panel[data-v-f7c83f72],.notification-pop-leave-to .notification-panel[data-v-f7c83f72]{transform:translateY(-7px) scale(.985)}body.notification-sheet-open{overflow:hidden}@media(max-width:760px){.notification-trigger[data-v-f7c83f72]{height:38px;width:38px}.notification-layer.is-mobile[data-v-f7c83f72]{align-items:flex-end;display:flex;inset:0;padding:0;position:fixed;width:auto;z-index:1100}.notification-layer.is-mobile .notification-backdrop[data-v-f7c83f72]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02070aad;display:block;inset:0;position:absolute}.notification-layer.is-mobile .notification-panel[data-v-f7c83f72]{border-bottom:0;border-radius:22px 22px 0 0;max-height:min(78dvh,680px);position:relative;width:100%}.notification-layer.is-mobile .notification-head[data-v-f7c83f72]{padding:19px 18px 15px}.notification-layer.is-mobile .notification-list[data-v-f7c83f72]{max-height:calc(78dvh - 76px);padding-bottom:max(8px,env(safe-area-inset-bottom))}.notification-layer.is-mobile .notification-item[data-v-f7c83f72]{grid-template-columns:42px minmax(0,1fr);padding:15px 18px}.notification-layer.is-mobile .notification-icon[data-v-f7c83f72]{height:42px;width:42px}.notification-layer.is-mobile .notification-meta[data-v-f7c83f72]{align-items:center;display:flex;grid-column:2;grid-row:2;justify-content:flex-start;margin-top:-5px}.notification-layer.is-mobile.notification-pop-enter-from .notification-panel[data-v-f7c83f72],.notification-layer.is-mobile.notification-pop-leave-to .notification-panel[data-v-f7c83f72]{transform:translateY(100%)}.notification-layer.is-mobile .notification-empty[data-v-f7c83f72]{padding-bottom:max(32px,env(safe-area-inset-bottom))}}@media(max-width:390px){.notification-head[data-v-f7c83f72]{align-items:flex-start}.notification-actions[data-v-f7c83f72]{gap:1px}.notification-actions>button[data-v-f7c83f72]{padding-inline:6px}.notification-item[data-v-f7c83f72]{padding-inline:14px}}