.main-content[data-v-6866de81]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;max-width:1200px;padding:20px;width:1000px}.notification-header[data-v-6866de81]{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notification-title[data-v-6866de81]{font-size:18px}.notification-actions[data-v-6866de81]{align-items:center;display:flex;gap:15px}.mark-all-read[data-v-6866de81]{align-items:center;background:none;border:none;color:#1e88e5;cursor:pointer;display:flex;font-size:14px;gap:5px}.mark-all-read[data-v-6866de81]:hover{text-decoration:underline}.filter-group[data-v-6866de81],.notification-filters[data-v-6866de81]{display:flex;gap:10px}.filter-group[data-v-6866de81]{margin-right:15px}.filter-btn[data-v-6866de81]{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.filter-btn.active[data-v-6866de81]{background-color:#1e88e5;border-color:#1e88e5;color:#fff}.notification-list[data-v-6866de81]{display:flex;flex-direction:column;gap:15px;min-height:300px;position:relative}.loading-placeholder[data-v-6866de81]{align-items:center;background-color:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-animation[data-v-6866de81]{animation:spin-6866de81 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1e88e5;height:50px;margin-bottom:10px;width:50px}@keyframes spin-6866de81{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty-notification[data-v-6866de81]{color:#888;padding:20px;text-align:center}.notification-item[data-v-6866de81]{align-items:flex-start;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:background-color .2s}.notification-item[data-v-6866de81]:hover{background-color:#f9f9f9}.notification-item.unread[data-v-6866de81]{background-color:#ebf5ff;border-left:4px solid #1e88e5;position:relative}.notification-item.unread[data-v-6866de81]:before{background-color:#1e88e5;border-radius:50%;content:"";height:8px;left:-4px;position:absolute;top:15px;width:8px}.notification-icon-container[data-v-6866de81]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:15px;width:36px}.notification-icon-container.system[data-v-6866de81]{background-color:#e3f2fd}.notification-icon-container.transaction[data-v-6866de81]{background-color:#f1f8e9}.notification-content[data-v-6866de81]{flex:1}.notification-top[data-v-6866de81]{display:flex;justify-content:space-between;margin-bottom:5px}.notification-category[data-v-6866de81]{border-radius:4px;color:#fff;font-size:12px;padding:2px 6px}.notification-category.system[data-v-6866de81]{background-color:#2196f3}.notification-category.transaction[data-v-6866de81]{background-color:#4caf50}.notification-time[data-v-6866de81]{color:#888;font-size:12px}.notification-title[data-v-6866de81]{color:#333;font-size:14px;font-weight:700;margin-bottom:5px}.notification-preview[data-v-6866de81]{color:#666;font-size:13px}.pagination[data-v-6866de81]{align-items:center;display:flex;justify-content:center;margin-top:10px}