.notification-title h3[data-v-c4c65dae]{color:#333;font-size:16px;font-weight:700;margin-bottom:8px}.notification[data-v-c4c65dae]{background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.notification-head[data-v-c4c65dae]{justify-content:space-between}.date-container[data-v-c4c65dae],.id[data-v-c4c65dae],.notification-head[data-v-c4c65dae]{align-items:center;display:flex}.more-content[data-v-c4c65dae],.notification-content[data-v-c4c65dae]{margin-left:15%}.more-content[data-v-c4c65dae]{align-items:center;display:flex;justify-content:space-between;margin-bottom:5%;width:70%}.user-name[data-v-c4c65dae]{font-size:15px;font-weight:500;margin-left:5px}.date[data-v-c4c65dae]{font-size:13px;margin-left:5px}.date[data-v-c4c65dae],.message[data-v-c4c65dae]{color:#868c98;font-family:Inter;font-weight:400}.message[data-v-c4c65dae]{font-size:14px;margin:8px 0}.text-cta p[data-v-c4c65dae]{font-size:12px;font-weight:500}button[data-v-c4c65dae]{background-color:#fff;border:1px solid #bc0d35;border-radius:21px;color:#bc0d35;font-size:12px;padding:3px 9px;transition:all .3s ease;width:auto}button[data-v-c4c65dae]:hover{transform:scale(1.05)}.button-cta[data-v-c4c65dae]{display:flex;gap:10px}.button-cta button[data-v-c4c65dae]:last-child{background-color:#fff;border:1px solid #bc0d35;color:#bc0d35}.notification-container[data-v-8b5c5ca3]{background:#fff;border:1.48px solid #eaecf0;border-radius:17.71px;box-shadow:0 10px 30px #0000000d;cursor:grab;margin:2rem auto;max-width:400px;overflow:hidden;position:relative;width:100%}.notification-container[data-v-8b5c5ca3]:active{cursor:grabbing}.header[data-v-8b5c5ca3]{border-bottom:1px solid #eaecf0;padding:1.5rem}.tabs[data-v-8b5c5ca3]{display:flex;gap:1rem;justify-content:center;margin:0 auto;min-width:280px;width:100%}.tabs button[data-v-8b5c5ca3]{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;margin:0;padding:.5rem 1rem;transition:all .3s ease;width:auto}.tabs button.active[data-v-8b5c5ca3]{background-color:#fff1f2;color:#de264c;font-weight:600}.notification-content[data-v-8b5c5ca3]{padding:1rem}.notifications-list[data-v-8b5c5ca3]{max-height:400px;overflow-y:auto;scrollbar-color:#de264c #f1f1f1;scrollbar-width:thin}.notifications-list[data-v-8b5c5ca3]::-webkit-scrollbar{width:6px}.notifications-list[data-v-8b5c5ca3]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notifications-list[data-v-8b5c5ca3]::-webkit-scrollbar-thumb{background:#de264c;border-radius:3px}.empty-state[data-v-8b5c5ca3]{color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}@media (max-width:768px){.notification-container[data-v-8b5c5ca3]{margin:1rem auto;max-width:90%}.header[data-v-8b5c5ca3]{padding:1rem}.tabs button[data-v-8b5c5ca3]{font-size:.9rem;padding:.4rem .8rem}}[data-v-8b5c5ca3],button[data-v-8b5c5ca3]{font-family:Inter,sans-serif}