Added beginning of login functionality

web/vue-app/src/assets/actions-shared.css

@@ -35,3 +35,22 @@
     min-width: 90px;
   }
 }
+
+/* Error message */
+.error-message {
+  color: var(--error, #e53e3e);
+  font-size: 0.98rem;
+  margin-top: 0.4rem;
+  display: block;
+}
+
+/* Success message */
+.success-message {
+  color: var(--success, #16a34a);
+  font-size: 1rem;
+}
+
+/* Input error */
+.input-error {
+  border-color: var(--error, #e53e3e);
+}

web/vue-app/src/assets/button-shared.css

@@ -22,6 +22,13 @@
 .btn-primary:focus {
   background: var(--btn-primary-hover);
 }
+.btn-primary:disabled,
+.btn-primary[disabled] {
+  background: var(--btn-secondary, #f3f3f3);
+  color: var(--btn-secondary-text, #666);
+  cursor: not-allowed;
+  opacity: 0.7;
+}
 
 /* Secondary button (e.g., Cancel) */
 .btn-secondary {
@@ -52,3 +59,44 @@
 .btn-green:focus {
   background: var(--btn-green-hover);
 }
+
+.form-btn {
+  padding: 0.6rem 1rem;
+  border-radius: 8px;
+  border: none;
+  background: var(--btn-primary, #667eea);
+  color: #fff;
+  font-weight: 700;
+  cursor: pointer;
+  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.12);
+  transition:
+    background 0.15s,
+    transform 0.06s;
+}
+.form-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.form-btn:hover:not(:disabled) {
+  background: var(--btn-primary-hover, #5a67d8);
+  transform: translateY(-1px);
+}
+
+/* Link-style button */
+.btn-link {
+  color: var(--btn-primary);
+  text-decoration: underline;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-weight: 600;
+  margin-left: 6px;
+}
+.btn-link.btn-disabled {
+  text-decoration: none;
+  opacity: 0.75;
+  cursor: default;
+  pointer-events: none;
+  color: var(--btn-primary);
+}

web/vue-app/src/assets/global.css

@@ -72,7 +72,7 @@
   --fab-hover-bg: #5a67d8;
   --fab-active-bg: #4c51bf;
   --no-children-color: #fdfdfd;
-  --sub-message-color: #b5ccff;
+  --sub-message-color: #5d719d;
   --sign-in-btn-bg: #fff;
   --sign-in-btn-color: #2563eb;
   --sign-in-btn-border: #2563eb;