.nf-front { padding:12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; }
.nf-title { margin:0 0 10px; }
.nf-progress-bar { background:#eee; height:18px; border-radius:999px; overflow:hidden; }
.nf-progress-fill { background:#4caf50; height:18px; }
.nf-progress-meta { display:flex; justify-content:space-between; align-items:center; margin-top:8px; gap:12px; flex-wrap:wrap; }
.nf-amounts { font-weight:700; }
.nf-submeta { color:#6b7280; font-size:13px; display:flex; gap:10px; }
.nf-next { margin-top:8px; }
.nf-goals-list { margin:8px 0 0; padding-left:18px; }
.nf-goals-list li { display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-bottom:1px dashed #e5e7eb; }
.nf-goals-list li.is-done { opacity:0.85; }
.nf-badge { background:#e8f5e9; padding:2px 8px; border-radius:999px; font-size:12px; }
.nf-share-list { list-style:none; padding-left:0; }
.nf-share-list li { display:grid; grid-template-columns: 160px 1fr; gap:10px; align-items:center; margin: 6px 0; }
.nf-share-list input { width:100%; }
.nf-updates-list { list-style:none; padding-left:0; }
.nf-updates-list li { padding:10px 0; border-bottom:1px solid #f0f0f0; }
.nf-update-date { color:#6b7280; font-size:12px; }