.nb-metrics { display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0; }
.nb-metrics>div { border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface-2);min-width:0; }
.nb-metrics span,.nb-metrics strong { display:block;overflow-wrap:anywhere; }
.nb-metrics span { color:var(--text-2);font-size:.9rem; }
.nb-metrics strong { font-size:1.25rem;margin-top:8px; }
.cf-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px; }
.cf-grid label { display:block;margin-bottom:6px; }
.cf-grid input,.cf-grid select { width:100%; }
.cf-form fieldset { border:0;padding:0;margin:20px 0;min-width:0; }
.cf-form legend { font-weight:700;margin-bottom:12px;font-size:1.15rem; }
.cf-history { overflow-x:auto; }
.cf-history table { min-width:560px;width:100%;border-collapse:collapse; }
.cf-history th,.cf-history td { text-align:left;padding:12px;border-bottom:1px solid var(--border); }
.cf-actions { display:flex;gap:10px;flex-wrap:wrap;margin:16px 0; }
.cf-message { min-height:1.5em;color:var(--text-2); }
#dn-month-review { margin-top:24px; }
#dn-month-review input { max-width:220px; }
.nb-guide-example { margin:18px 0;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface); }
.nb-guide-example a { display:inline-block;margin:8px 12px 8px 0; }
@media(max-width:520px){.cf-grid,.nb-metrics{grid-template-columns:1fr}.cf-actions .btn{width:100%}}
