.header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border);
  background: #fff;
}

.header-left { display:flex; align-items:center; gap: 1rem; }
.back-link { text-decoration:none; color: var(--text); opacity:.85; }
.back-link:hover { opacity:1; }

.page-title { margin:0; font-size: 1.25rem; }

.container { max-width: 980px; margin: 0 auto; padding: 1rem 1.25rem; }

.notifications-controls {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 1rem;
  margin: 1rem 0;
}

.filters { display:flex; gap: .5rem; }
.filter-btn {
  border: 1px solid var(--border);
  background: #fff;
  padding: .5rem .75rem;
  border-radius: 10px;
  cursor:pointer;
}
.filter-btn.active {
  border-color: var(--primary);
  color: var(--primary);
}

.type-filter label { display:block; font-size:.85rem; opacity:.8; margin-bottom:.25rem; }
.type-filter select {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: .55rem .75rem;
  background: #fff;
}

.notifications-list {
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow:hidden;
  background:#fff;
}

.notification-row {
  display:flex;
  gap: .75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border);
  cursor:pointer;
}

.notification-row:last-child { border-bottom:none; }

.notification-row.unread { background: rgba(214, 132, 100, 0.08); }

.notification-icon {
  width: 34px;
  height: 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  border: 1px solid var(--border);
  background:#fff;
}

.notification-main { flex:1; }
.notification-title { font-weight: 700; margin-bottom:.15rem; }
.notification-body { opacity:.85; }
.notification-meta { margin-top:.35rem; font-size:.82rem; opacity:.7; display:flex; gap:.75rem; }

.empty-state { padding: 1.5rem; text-align:center; opacity:.8; }

.pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  gap: .75rem;
  padding: 1rem 0 2rem;
}

.page-indicator { opacity:.8; }

.btn-secondary {
  border: 1px solid var(--border);
  background:#fff;
  padding: .6rem .9rem;
  border-radius: 12px;
  cursor:pointer;
}
.btn-secondary:disabled { opacity:.5; cursor:not-allowed; }