diff --git a/services/web-ui/src/css/components/empty-state.css b/services/web-ui/src/css/components/empty-state.css
new file mode 100644
index 0000000..9ba9ae4
--- /dev/null
+++ b/services/web-ui/src/css/components/empty-state.css
@@ -0,0 +1,31 @@
+/* empty-state.css ─ centered icon + title + body + CTA, no card chrome */
+
+.wd-empty {
+  min-height: 360px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  text-align: center;
+  padding: 48px 24px;
+}
+.wd-empty-icon {
+  width: 28px;
+  height: 28px;
+  color: var(--text-tertiary);
+}
+.wd-empty-title {
+  font: 600 14px/1.3 var(--font);
+  color: var(--text-primary);
+}
+.wd-empty-body {
+  font: 400 13px/1.5 var(--font);
+  color: var(--text-secondary);
+  max-width: 360px;
+}
+.wd-empty-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 4px;
+}