.notifications-page{max-width:1100px;margin:auto;padding:36px clamp(18px,4vw,60px)}.notification-toolbar{display:flex;gap:8px;margin:24px 0}.notification-actions button,.notification-toolbar button{border:1px solid var(--line);background:#0d1a17;color:var(--text);border-radius:9px;padding:10px 13px}.notification-actions button,.notification-toolbar button.active{background:var(--mint);color:#062017}.notification-list{display:grid;grid-gap:12px;gap:12px}.notification-card{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;border:1px solid #315347;background:#0b1814;border-radius:13px;padding:17px}.notification-card.read{opacity:.72;border-color:var(--line)}.notification-icon{color:var(--mint);font-size:18px}.notification-card.read .notification-icon{color:var(--muted)}.notification-meta{display:flex;justify-content:space-between;gap:20px}.notification-meta span{font-weight:700}.notification-card small,.notification-meta time{color:var(--muted);font-size:11px}.notification-card p{color:var(--muted)}.notification-card small{overflow-wrap:anywhere}.notification-actions{display:flex;align-items:center;gap:12px;margin-top:13px}.notification-actions a{color:var(--cyan)}.notification-actions span{color:var(--muted);font-size:12px}@media(max-width:600px){.notification-meta{display:grid;grid-gap:5px;gap:5px}.notifications-page{padding:24px 16px}}