diff --git a/server/assets/css/app.css b/server/assets/css/app.css
index 22c64cb..75d9155 100644
--- a/server/assets/css/app.css
+++ b/server/assets/css/app.css
@@ -257,6 +257,37 @@ hr { border: 0; border-top: 1px solid var(--border); margin: 0; }
 .pool-row:last-child { border-bottom: none; }
 .pool-row .details { color: var(--muted); font-family: var(--mono); font-size: 0.78rem; }
 
+.capbar {
+  height: 4px;
+  background: var(--panel-2);
+  border-radius: 2px;
+  overflow: hidden;
+  margin: 0.25rem 0 0.4rem;
+}
+.capbar > span {
+  display: block;
+  height: 100%;
+  background: var(--ok);
+  transition: width 0.3s ease;
+}
+.capbar[data-level="warn"] > span { background: var(--warn); }
+.capbar[data-level="crit"] > span { background: var(--crit); }
+
+.pool-block {
+  padding: 0.6rem 0.9rem;
+  border-bottom: 1px solid var(--border);
+}
+.pool-block:last-child { border-bottom: none; }
+.pool-block .head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 0.6rem;
+}
+.pool-block .head .layout { color: var(--muted); font-size: 0.8rem; margin-left: 0.5rem; }
+.pool-block .sizes { font-family: var(--mono); font-size: 0.78rem; color: var(--fg); }
+.pool-block .details { color: var(--muted); font-family: var(--mono); font-size: 0.78rem; }
+
 /* --- callouts ------------------------------------------------------------ */
 .callout {
   border: 1px solid var(--border);