body{padding-top:85px;padding-bottom:0}header{display:none}.container{max-width:800px;margin:0 auto;padding:0 1rem}.page-header-wrap{margin-bottom:2rem}h1{color:#fff;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}p.subtitle{color:var(--dim);font-size:.9rem;font-weight:500}.notif-list{flex-direction:column;gap:1rem;display:flex}.notif-card{background:var(--card);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:1.25rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0003}.notif-card:hover{border-color:var(--primary);background:#ffffff05;transform:translateY(-3px)}.notif-card.unread{border-left:4px solid var(--primary);background:#4361ee0a}.notif-icon{width:48px;height:48px;color:var(--primary);background:#ffffff0d;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.unread .notif-icon{background:var(--primary);color:#fff;box-shadow:0 8px 15px #4361ee4d}.notif-content{flex-grow:1}.notif-msg{color:#fff;margin-bottom:.35rem;font-size:.95rem;font-weight:500;line-height:1.5}.notif-time{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}#loading{text-align:center;color:var(--dim);padding:5rem}#emptyState{text-align:center;background:var(--card);border:1px dashed var(--border);border-radius:1.5rem;padding:6rem 2rem;display:none}@media (width<=767px){body{padding-top:100px;padding-bottom:100px}}