Initial commit: smartrun MVP

Garmin run classification and progression tracker. Go backend (MCP
client to mcp-garmin, SQLite store, deterministic rule engine, REST
API) and React/TS frontend (Dashboard, Review Queue, Workout Kinds).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/App.css

@@ -0,0 +1,230 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
+  background: #0f1115;
+  color: #e6e6e6;
+}
+
+.app {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem 3rem;
+}
+
+.app-header {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  padding: 1.5rem 0;
+  border-bottom: 1px solid #2a2d35;
+}
+
+.app-header h1 {
+  font-size: 1.25rem;
+  margin: 0;
+}
+
+.tabs {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.tab {
+  background: none;
+  border: 1px solid #2a2d35;
+  color: #b7bcc7;
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
+  cursor: pointer;
+}
+
+.tab.active {
+  background: #3b82f6;
+  border-color: #3b82f6;
+  color: white;
+}
+
+.garmin-connection {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 0.75rem 0;
+  border-bottom: 1px solid #2a2d35;
+}
+
+.garmin-connection-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.garmin-connection-message {
+  margin: 0;
+  font-size: 0.8rem;
+  color: #9aa0ab;
+}
+
+.status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #6b7280;
+}
+
+.status-dot.status-authenticated {
+  background: #22c55e;
+}
+
+.status-dot.status-mfa_required {
+  background: #f59e0b;
+}
+
+.status-dot.status-failed {
+  background: #f87171;
+}
+
+.status-label {
+  font-size: 0.85rem;
+  color: #9aa0ab;
+}
+
+.page {
+  padding-top: 1.5rem;
+}
+
+.controls {
+  display: flex;
+  gap: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.controls label,
+.kind-editor label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.85rem;
+  color: #9aa0ab;
+}
+
+select,
+input,
+textarea,
+button {
+  font-family: inherit;
+  font-size: 0.95rem;
+  background: #1a1d24;
+  color: #e6e6e6;
+  border: 1px solid #2a2d35;
+  border-radius: 6px;
+  padding: 0.4rem 0.6rem;
+}
+
+button {
+  cursor: pointer;
+}
+
+button:hover:not(:disabled) {
+  border-color: #3b82f6;
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.empty-state {
+  color: #9aa0ab;
+}
+
+.error {
+  color: #f87171;
+}
+
+.review-list {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.review-item {
+  border: 1px solid #2a2d35;
+  border-radius: 8px;
+  padding: 1rem;
+}
+
+.review-item-header {
+  display: flex;
+  justify-content: space-between;
+  font-size: 1rem;
+}
+
+.review-item-header span {
+  color: #9aa0ab;
+  font-size: 0.85rem;
+}
+
+.review-item-stats {
+  display: flex;
+  gap: 1rem;
+  color: #9aa0ab;
+  font-size: 0.85rem;
+  margin-top: 0.25rem;
+}
+
+.candidates {
+  font-size: 0.8rem;
+  color: #9aa0ab;
+  margin: 0.5rem 0;
+}
+
+.review-item-actions {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-top: 0.5rem;
+}
+
+.kinds-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1rem;
+}
+
+.kinds-table th,
+.kinds-table td {
+  text-align: left;
+  padding: 0.5rem;
+  border-bottom: 1px solid #2a2d35;
+}
+
+.kinds-table-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.kind-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  border: 1px solid #2a2d35;
+  border-radius: 8px;
+  padding: 1rem;
+  max-width: 480px;
+}
+
+.kind-editor textarea {
+  font-family: ui-monospace, monospace;
+  font-size: 0.85rem;
+}
+
+.kind-editor-actions {
+  display: flex;
+  gap: 0.5rem;
+}