docs(ui): explain billing summary data on dashboard

static/billing-dashboard.html

@@ -317,6 +317,31 @@ footer{padding:10px 20px 16px;font-size:11px;color:var(--faint);text-align:cente
       <span style="font-size:12px;color:var(--muted)" id="last-updated">Henter data...</span>
     </div>
 
+    <section class="cg-section">
+      <h2>Kostnader siste 30 dager</h2>
+      <p>
+        Denne oversikten viser dine faktiske GCP-kostnader de siste 30 dagene,
+        hentet direkte fra BigQuery billing export for din billing-konto.
+      </p>
+      <p>
+        Dataene er aggregert per <strong>dato</strong>, <strong>prosjekt</strong>
+        og <strong>tjeneste</strong>, slik at du raskt ser hvor pengene går.
+      </p>
+
+      <ul>
+        <li><strong>Dato</strong>: Basert på <code>usage_start_time</code> i billing-eksporten.</li>
+        <li><strong>Prosjekt</strong>: <code>project.id</code> for GCP-prosjektet kostnaden tilhører.</li>
+        <li><strong>Tjeneste</strong>: Tjenesten som har generert kostnaden (for eksempel Compute Engine, BigQuery, Cloud Run).</li>
+        <li><strong>Daglig kostnad</strong>: Summen av <code>cost</code> for den datoen, prosjektet og tjenesten.</li>
+      </ul>
+
+      <p class="cg-note">
+        Viser inntil 100 linjer med de høyeste kostnadene i perioden. Tallene kommer fra tabellen
+        <code>billing_export.gcp_billing_export_v1_0171F6_057E6B_A260BA</code> i prosjektet
+        <code>propane-will-491900-m5</code>.
+      </p>
+    </section>
+
     <div class="kpi-row">
       <div class="kpi">
         <div class="kpi-top">