fix browser

browser/src/App.css

@@ -117,3 +117,87 @@ h1 {
   font-family: inherit;
   margin: 0;
 }
+
+.error-section {
+  background: #fee;
+  padding: 1rem;
+  border-radius: 4px;
+  margin-bottom: 1rem;
+  color: #c33;
+}
+
+.records-list {
+  background: white;
+  padding: 2rem;
+  border-radius: 8px;
+  margin-bottom: 2rem;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.records-list h2 {
+  font-size: 1.5rem;
+  margin-bottom: 1rem;
+  color: #333;
+}
+
+.records-list ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.records-list li {
+  border-bottom: 1px solid #eee;
+}
+
+.records-list li:last-child {
+  border-bottom: none;
+}
+
+.record-link {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 1rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.2s;
+}
+
+.record-link:hover {
+  background: #f5f5f5;
+}
+
+.record-title {
+  font-size: 1.1rem;
+  color: #0066cc;
+  font-weight: 500;
+}
+
+.record-date {
+  color: #666;
+  font-size: 0.9rem;
+}
+
+.back-button {
+  padding: 0.5rem 1rem;
+  margin-bottom: 1rem;
+  background: #f5f5f5;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  color: #666;
+}
+
+.back-button:hover {
+  background: #eee;
+}
+
+.input-section button:disabled {
+  background: #ccc;
+  cursor: not-allowed;
+}