Merge design_ui_v2 into design_ui so the new design system can be previewed without dropping later product work.

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

apps/web/src/views/ProfileView.vue

@@ -767,11 +767,10 @@ watch(
 
 <style scoped>
 .profile {
-  max-width: 760px;
   width: 100%;
+  max-width: 100%;
   min-width: 0;
-  margin: 0 auto;
-  padding-bottom: 5.6rem;
+  margin: 0;
   display: grid;
   gap: 1rem;
   overflow: visible;
@@ -806,7 +805,7 @@ watch(
 }
 
 .nav-brand {
-  font-weight: 800;
+  font-weight: 600;
   letter-spacing: -0.04em;
   color: #0f766e;
   font-size: 1.15rem;
@@ -817,7 +816,7 @@ watch(
   height: 38px;
   border: 0;
   background: #fff;
-  border-radius: 12px;
+  border-radius: var(--radius);
   display: grid;
   place-items: center;
   color: #334155;
@@ -842,7 +841,7 @@ watch(
   min-width: 12.75rem;
   width: max-content;
   background: #fff;
-  border-radius: 14px;
+  border-radius: var(--radius);
   box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
   padding: 0.4rem;
   display: flex;
@@ -862,7 +861,7 @@ watch(
   background: none;
   border: 0;
   padding: 0.68rem 0.8rem;
-  border-radius: 10px;
+  border-radius: var(--radius);
   color: #0f172a;
   font: inherit;
   font-weight: 600;
@@ -1000,7 +999,7 @@ h1 {
 .qa-card {
   background: #fff;
   border: 0;
-  border-radius: 16px;
+  border-radius: var(--radius);
   padding: 0.85rem 0.4rem 0.75rem;
   display: grid;
   justify-items: center;
@@ -1015,7 +1014,7 @@ h1 {
 .qa-ico {
   width: 38px;
   height: 38px;
-  border-radius: 12px;
+  border-radius: var(--radius);
   display: grid;
   place-items: center;
 }
@@ -1028,7 +1027,7 @@ h1 {
 .smart {
   background: linear-gradient(135deg, #ecfeff, #f5f3ff);
   border: 1px solid #e0e7ff;
-  border-radius: 20px;
+  border-radius: var(--radius);
   padding: 0.95rem 1rem 0.85rem;
   display: grid;
   gap: 0.75rem;
@@ -1060,7 +1059,7 @@ h1 {
 .smart-cta {
   width: 100%;
   border: 0;
-  border-radius: 12px;
+  border-radius: var(--radius);
   background: #ccfbf1;
   color: #0f766e;
   font-weight: 700;
@@ -1117,7 +1116,7 @@ h1 {
 
 .kpi {
   background: #fff;
-  border-radius: 16px;
+  border-radius: var(--radius);
   padding: 0.7rem 0.65rem 0.75rem;
   min-width: 0;
   box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
@@ -1151,7 +1150,7 @@ h1 {
 .kpi-ico {
   width: 28px;
   height: 28px;
-  border-radius: 9px;
+  border-radius: var(--radius);
   display: grid;
   place-items: center;
   margin-bottom: 0.15rem;
@@ -1272,7 +1271,7 @@ h1 {
   display: grid;
   gap: 0.15rem;
   background: #fff;
-  border-radius: 14px;
+  border-radius: var(--radius);
   padding: 0.85rem 0.95rem;
   box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
 }
@@ -1293,8 +1292,8 @@ h1 {
 .info-form {
   margin: 0;
   background: #fff;
-  border-radius: 16px;
-  padding: 0.4rem 1rem 1rem;
+  border-radius: var(--radius);
+  padding: 0.4rem 1rem;
   display: grid;
   gap: 0;
 }
@@ -1374,7 +1373,7 @@ h1 {
   bottom: 0.6rem;
   margin-top: 0.4rem;
   background: #fff;
-  border-radius: 22px;
+  border-radius: var(--radius);
   box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
   display: grid;
   grid-template-columns: 1fr auto 1fr;
@@ -1477,7 +1476,7 @@ h1 {
   .qa-card {
     padding: 0.7rem 0.2rem 0.6rem;
     font-size: 0.72rem;
-    border-radius: 14px;
+    border-radius: var(--radius);
   }
 
   .qa-ico {