Unify the web UI on shared controls and let pipeline columns be managed on the board.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/styles/main.css

@@ -1,16 +1,19 @@
 @import "./fonts.css";
 
 :root {
-  --bg: #f4f7f8;
+  --bg: #f8fafc;
   --surface: #ffffff;
   --ink: #0f172a;
   --muted: #64748b;
   --line: #e2e8f0;
-  --accent: #0d9488;
+  --accent: #14b8a6;
+  --accent-deep: #0f766e;
   --accent-soft: #ccfbf1;
   --danger: #b42318;
   --shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
-  --radius: 18px;
+  --radius: 10px;
+  --control-h: 36px;
+  --pad-modal: 24px;
   --font: "IRANSans", Tahoma, sans-serif;
 }
 
@@ -60,12 +63,17 @@ textarea {
 
 .btn {
   border: 0;
-  border-radius: 12px;
-  padding: 0.75rem 1.1rem;
+  border-radius: var(--radius);
+  min-height: var(--control-h);
+  padding: 0 1rem;
   cursor: pointer;
   background: var(--accent);
   color: white;
   font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
 }
 
 .btn:disabled {
@@ -97,15 +105,24 @@ textarea {
 }
 
 .field input,
-.field select,
-.field textarea {
+.field select {
   border: 1px solid var(--line);
-  border-radius: 12px;
-  padding: 0.8rem 0.95rem;
+  border-radius: var(--radius);
+  min-height: var(--control-h);
+  padding: 0 0.85rem;
   background: #fff;
   width: 100%;
 }
 
+.field textarea {
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 0.7rem 0.85rem;
+  background: #fff;
+  width: 100%;
+  min-height: 88px;
+}
+
 .field input:focus,
 .field select:focus,
 .field textarea:focus {