.notification-button[data-v-21505f33],.notification-wrapper[data-v-21505f33]{flex-shrink:0;position:relative}.notification-button[data-v-21505f33]{align-items:center;background:#fff;border:2px solid var(--v5ac21382);border-radius:10px;color:var(--v5ac21382);cursor:pointer;display:flex;font-family:inherit;font-size:1.05rem;height:42px;justify-content:center;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.notification-button[data-v-21505f33]:before{background:currentColor;border-radius:50%;content:"";height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.notification-button[data-v-21505f33]:hover:before{height:120px;width:120px}.notification-button[data-v-21505f33]:hover{box-shadow:0 4px 15px #1e40af33;transform:translateY(-2px)}.notification-badge[data-v-21505f33]{align-items:center;background:#dc2626;border:2px solid #fff;border-radius:999px;color:#fff;direction:ltr;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;inset-inline-start:-6px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;top:-5px}.notification-dropdown[data-v-21505f33]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 14px 40px #0f172a2e;inset-inline-end:0;overflow:hidden;position:absolute;top:calc(100% + .75rem);width:min(380px,calc(100vw - 1rem));z-index:1100}.notification-header[data-v-21505f33]{border-bottom:1px solid #e5e7eb;padding:1rem 1.1rem}.notification-header h3[data-v-21505f33]{color:#111827;font-size:1rem;font-weight:700;margin:0}.notification-list[data-v-21505f33]{max-height:min(440px,65vh);overflow-y:auto;overscroll-behavior:contain}.notification-item[data-v-21505f33]{border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;padding:1rem 1.1rem}.notification-item[data-v-21505f33]:last-child{border-bottom:0}.notification-item-clickable[data-v-21505f33]{cursor:pointer}.notification-item-clickable[data-v-21505f33]:focus-visible,.notification-item-clickable[data-v-21505f33]:hover{background:#f8fafc;outline:none}.notification-item-icon[data-v-21505f33]{align-items:center;background:#eef2ff;border-radius:50%;color:var(--v5ac21382);display:inline-flex;flex-shrink:0;font-size:.8rem;height:34px;justify-content:center;width:34px}.notification-content[data-v-21505f33]{flex:1;min-width:0}.notification-content strong[data-v-21505f33]{color:#111827;display:block;font-size:.88rem;margin-bottom:.2rem}.notification-content p[data-v-21505f33]{color:#4b5563;font-size:.84rem;line-height:1.55;margin:0 0 .45rem;white-space:pre-wrap;word-break:break-word}.notification-content time[data-v-21505f33]{color:#9ca3af;font-size:.72rem}.notification-state[data-v-21505f33]{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:160px;padding:1.5rem;text-align:center}.notification-state i[data-v-21505f33]{color:#9ca3af;font-size:1.5rem}.notification-error[data-v-21505f33],.notification-error i[data-v-21505f33]{color:#b91c1c}.notification-loading-more[data-v-21505f33]{color:var(--v5ac21382);display:flex;justify-content:center;padding:.75rem}@media(max-width:575px){.notification-dropdown[data-v-21505f33]{left:.5rem;position:fixed;right:.5rem;top:68px;width:auto}}