Projektstart

frontend/src/styles.css

@@ -86,6 +86,29 @@ select {
   background: rgba(232, 112, 42, 0.2);
 }
 
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.status-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  background: rgba(11, 110, 107, 0.16);
+  color: var(--secondary);
+}
+
+.status-badge.missing {
+  background: rgba(232, 112, 42, 0.2);
+  color: var(--primary);
+}
+
 .auth-panel {
   display: flex;
   justify-content: center;
@@ -133,6 +156,39 @@ select {
   gap: 8px;
 }
 
+.inline-actions span {
+  font-size: 12px;
+  color: var(--muted);
+}
+
+.export-panel {
+  background: rgba(17, 16, 16, 0.04);
+  border-radius: 16px;
+  padding: 16px;
+  margin-bottom: 16px;
+  display: grid;
+  gap: 8px;
+}
+
+.admin-modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(17, 16, 16, 0.4);
+  display: grid;
+  place-items: center;
+  z-index: 50;
+}
+
+.modal-content {
+  background: var(--card);
+  padding: 24px;
+  border-radius: 20px;
+  width: min(420px, 90vw);
+  display: grid;
+  gap: 12px;
+  box-shadow: var(--shadow);
+}
+
 .app {
   max-width: 1200px;
   margin: 0 auto;