WIP: backend auth/chores/households work and frontend styling

frontend/public/style.css

@@ -1,10 +1,72 @@
 /* Sis custom styles — layered on top of Neo Brutalism */
 
+:root {
+  --nb-red: #e74c3c;
+  --nb-yellow: #f1c40f;
+  --nb-green: #2ecc71;
+  --nb-orange: #e67e22;
+}
+
 body {
   min-height: 100vh;
   background: #fff9e6;
+  background-image: radial-gradient(circle, rgba(0,0,0,0.03) 1px, transparent 1px);
+  background-size: 20px 20px;
 }
 
 #app {
   padding: 1rem;
 }
+
+.nb-container {
+  padding: 0 1rem;
+}
+
+.nb-navbar {
+  background: #fff;
+  border-bottom: 3px solid #000;
+  padding: 0.75rem 1.5rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 4px 4px 0 #000;
+  margin-bottom: 2rem;
+}
+
+.nb-navbar-start, .nb-navbar-end {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.nb-modal-overlay {
+  animation: fadeIn 0.15s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .nb-navbar {
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.5rem;
+  }
+  .nb-navbar-end {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  .nb-row {
+    flex-direction: column;
+  }
+}
+
+.nb-list-item {
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+.nb-list-item:last-child {
+  border-bottom: none;
+}