.admin-notifications-page { max-width: 980px; margin: 0 auto; padding: 24px; }
.admin-notifications-header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 22px; }
.admin-notifications-header h1 { margin: 4px 0; color: #fff; font-size: clamp(1.6rem, 4vw, 2.25rem); }
.admin-notifications-header p { margin: 0; color: #94a3b8; }
.admin-notifications-eyebrow { color: #22d3ee !important; font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.admin-notifications-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.admin-notifications-list { display: grid; gap: 10px; }
.admin-notification-item, .admin-notifications-empty { border: 1px solid rgba(148,163,184,.2); border-radius: 14px; background: rgba(15,23,42,.72); padding: 16px; }
.admin-notification-item { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.admin-notification-item.is-unread { border-left: 4px solid #22d3ee; background: rgba(8,47,73,.45); }
.admin-notification-copy strong { display: block; color: #fff; margin-bottom: 4px; }
.admin-notification-copy p { margin: 0 0 8px; color: #cbd5e1; font-size: .9rem; }
.admin-notification-copy time { color: #64748b; font-size: .75rem; }
.admin-notifications-empty { color: #94a3b8; text-align: center; padding: 34px; }
@media (max-width: 640px) { .admin-notifications-page { padding: 16px; } .admin-notifications-header, .admin-notification-item { flex-direction: column; align-items: stretch; } }