first commit

2025-11-26 18:02:58 +01:00
commit baacb7cfac
15 changed files with 1269 additions and 0 deletions
--- a/src/styles.css
+++ b/src/styles.css
@@ -0,0 +1,151 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
+  background-color: #f3f4f6;
+  color: #111827;
+}
+
+#root {
+  min-height: 100vh;
+}
+
+.app-shell {
+  display: flex;
+  min-height: 100vh;
+}
+
+.app-sidebar {
+  width: 260px;
+  background: #111827;
+  color: #e5e7eb;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.app-sidebar h1 {
+  font-size: 1.1rem;
+  margin: 0;
+}
+
+.app-sidebar small {
+  color: #9ca3af;
+}
+
+.app-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.app-nav button {
+  width: 100%;
+  text-align: left;
+  padding: 0.4rem 0.6rem;
+  border-radius: 0.375rem;
+  border: none;
+  background: transparent;
+  color: #d1d5db;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+
+.app-nav button.active {
+  background: #374151;
+  color: #f9fafb;
+}
+
+.app-nav button:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.app-main {
+  flex: 1;
+  padding: 1rem 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.card {
+  background: white;
+  border-radius: 0.75rem;
+  padding: 1rem;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
+}
+
+.card h2 {
+  margin-top: 0;
+  font-size: 1rem;
+}
+
+button.primary {
+  background: #2563eb;
+  color: white;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.9rem;
+  border: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+
+button.primary:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+
+button.secondary {
+  background: #e5e7eb;
+  color: #111827;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.9rem;
+  border: none;
+  cursor: pointer;
+  font-size: 0.9rem;
+}
+
+.button-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
+}
+
+.page-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.page-pill {
+  padding: 0.2rem 0.5rem;
+  border-radius: 999px;
+  border: 1px solid #e5e7eb;
+  font-size: 0.8rem;
+  background: #f9fafb;
+}
+
+.page-pill.selected {
+  background: #dbeafe;
+  border-color: #93c5fd;
+}
+
+.download-link {
+  display: inline-block;
+  margin: 0.15rem 0;
+  font-size: 0.85rem;
+}
+
+.card hr {
+  border: none;
+  border-top: 1px solid #e5e7eb;
+}