.notification-item[data-v-6a2cb1f6]{background:var(--color-background-secondary,#f8f9fa);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease}.notification-item[data-v-6a2cb1f6]:hover{background:var(--color-background-hover,#e9ecef);transform:translate(4px)}.notification-item--unread[data-v-6a2cb1f6]{background:var(--color-background-primary,#fff);border-left:3px solid var(--color-primary,#007bff)}.notification-item--unread[data-v-6a2cb1f6]:before{background:var(--color-primary,#007bff);border-radius:50%;content:"";height:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.notification-item--success .notification-item__icon[data-v-6a2cb1f6]{color:var(--color-success,#28a745)}.notification-item--error .notification-item__icon[data-v-6a2cb1f6]{color:var(--color-error,#dc3545)}.notification-item--warning .notification-item__icon[data-v-6a2cb1f6]{color:var(--color-warning,#ffc107)}.notification-item--info .notification-item__icon[data-v-6a2cb1f6]{color:var(--color-info,#17a2b8)}.notification-item__icon[data-v-6a2cb1f6]{align-items:center;background:var(--color-background-tertiary,#fff);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-item__content[data-v-6a2cb1f6]{flex:1;min-width:0}.notification-item__header[data-v-6a2cb1f6]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.notification-item__title[data-v-6a2cb1f6]{color:var(--color-text-primary,#212529);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item__time[data-v-6a2cb1f6]{color:var(--color-text-secondary,#6c757d);font-size:12px;white-space:nowrap}.notification-item__message[data-v-6a2cb1f6]{color:var(--color-text-secondary,#495057);display:-webkit-box;font-size:14px;line-height:1.4;margin:0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__link[data-v-6a2cb1f6]{align-items:center;color:var(--color-primary,#007bff);display:flex;font-size:13px;font-weight:500;gap:4px;margin-top:8px}.notification-item__actions[data-v-6a2cb1f6]{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-item__actions[data-v-6a2cb1f6]{opacity:1}.notification-item__action[data-v-6a2cb1f6]{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary,#6c757d);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notification-item__action[data-v-6a2cb1f6]:hover{background:var(--color-background-secondary,#f8f9fa);color:var(--color-text-primary,#212529)}.notification-item__action--delete[data-v-6a2cb1f6]:hover{background:var(--color-error-light,#fee);color:var(--color-error,#dc3545)}