.page-module__kOib2W__container{gap:24px;max-width:800px;margin:0 auto;padding:24px 16px;display:grid}.page-module__kOib2W__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-module__kOib2W__markAllBtn{border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-md);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;transition:all .2s}.page-module__kOib2W__markAllBtn:hover{border-color:var(--gold-border);color:var(--gold)}.page-module__kOib2W__list{gap:12px;display:grid}.page-module__kOib2W__notificationCard{transition:all .2s}.page-module__kOib2W__notificationCard[data-read=false]{border-left:4px solid var(--gold);background:#ffd70005}.page-module__kOib2W__cardBody{align-items:flex-start;gap:16px;display:flex}.page-module__kOib2W__typeIcon{background:var(--surface-2);border-radius:12px;padding:8px;font-size:24px}.page-module__kOib2W__content{flex:1;gap:4px;display:grid}.page-module__kOib2W__notifTitle{color:var(--text-1);margin:0;font-size:16px;font-weight:700}.page-module__kOib2W__notifMessage{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.page-module__kOib2W__time{color:var(--text-3);margin-top:4px;font-size:11px}.page-module__kOib2W__viewBtn{background:var(--gold);color:#000;border-radius:var(--r-md);align-self:center;padding:6px 16px;font-size:13px;font-weight:700;text-decoration:none}.page-module__kOib2W__empty{text-align:center;color:var(--text-3);padding:48px 0;font-style:italic}