ltcai 3.3.0 → 3.4.0

package/static/css/tokens.css

@@ -1,5 +1,5 @@
 /* ============================================================================
- * Lattice AI — Design Tokens (Single Source of Truth)  v3.3.0
+ * Lattice AI — Design Tokens (Single Source of Truth)  v3.3.1
  *
  * 이 파일이 색·면·테두리·그림자·포커스의 단일 출처다.
  *   :root                      → 라이트 테마 값
@@ -18,75 +18,75 @@
   color-scheme: light;
 
   /* ── Brand raw scale (불변, 테마 무관 기준점) ───────────────────────────── */
-  --lt-color-primary-100: #dbeafe;
-  --lt-color-primary-200: #bfdbfe;
-  --lt-color-primary-400: #60a5fa;
-  --lt-color-primary-600: #2563eb;
-  --lt-color-primary-800: #1e3a8a;
-  --lt-color-ink-900: #111827;
-  --lt-color-accent-cyan:  #0891b2;
-  --lt-color-accent-green: #0f9f8f;
-  --lt-color-accent-amber: #b7791f;
-  --lt-color-accent-pink:  #b83280;
+  --lt-color-primary-100: #dfe7ff;
+  --lt-color-primary-200: #c8d6ff;
+  --lt-color-primary-400: #7f9cff;
+  --lt-color-primary-600: #3b63f4;
+  --lt-color-primary-800: #203a8d;
+  --lt-color-ink-900: #141923;
+  --lt-color-accent-cyan:  #0c9ca8;
+  --lt-color-accent-green: #0e9f91;
+  --lt-color-accent-amber: #c77d16;
+  --lt-color-accent-pink:  #c33fb3;
 
   /* ╔══════════════════════════════════════════════════════════════════════╗
      ║  SEMANTIC TOKENS — LIGHT (neutral workspace palette)                 ║
      ╚══════════════════════════════════════════════════════════════════════╝ */
 
   /* background / surfaces */
-  --bg:          #f6f8f7;
-  --bg-soft:     #eef3f2;
+  --bg:          #f5f7fb;
+  --bg-soft:     #edf1f7;
   --surface:     #ffffff;
-  --surface-2:   #f0f5f4;
-  --surface-3:   #e4ecea;
-  --surface-muted: #edf3f2;
-  --surface-elevated: rgba(255, 255, 255, 0.94);
-  --card:        rgba(255, 255, 255, 0.92);
-  --sidebar:     rgba(255, 255, 255, 0.94);
+  --surface-2:   #eef2f7;
+  --surface-3:   #e1e7ef;
+  --surface-muted: #e9eef6;
+  --surface-elevated: rgba(255, 255, 255, 0.96);
+  --card:        rgba(255, 255, 255, 0.94);
+  --sidebar:     rgba(249, 251, 255, 0.96);
   --modal:       rgba(255, 255, 255, 0.98);
   --table:       rgba(255, 255, 255, 0.78);
   --input:       rgba(255, 255, 255, 0.86);
-  --overlay:     rgba(15, 23, 42, 0.44);
+  --overlay:     rgba(20, 25, 35, 0.48);
   --overlay-scrim: var(--overlay);
   --app-bg:
-    linear-gradient(180deg, #f8faf9 0%, #eef4f2 54%, #f7faf9 100%);
+    linear-gradient(180deg, #f8faff 0%, #eef3fa 48%, #f5f7fb 100%);
 
   /* text */
-  --text:        #24223d;
-  --muted:       #475569;   /* muted-text */
-  --faint:       #70818f;
+  --text:        #1e2430;
+  --muted:       #526071;   /* muted-text */
+  --faint:       #7a8798;
   --text-muted:  var(--muted);
 
   /* border / line */
-  --border:        rgba(15, 23, 42, 0.12);
-  --border-strong: rgba(15, 23, 42, 0.22);
-  --line:          rgba(15, 23, 42, 0.10);
-  --line-strong:   rgba(15, 23, 42, 0.18);
+  --border:        rgba(30, 36, 48, 0.12);
+  --border-strong: rgba(30, 36, 48, 0.22);
+  --line:          rgba(30, 36, 48, 0.09);
+  --line-strong:   rgba(30, 36, 48, 0.18);
 
   /* accent */
-  --accent:       #2563eb;
-  --accent-2:     #0f9f8f;
-  --accent-3:     #b7791f;
-  --accent-pink:  #b83280;
-  --accent-soft:  rgba(37, 99, 235, 0.10);
-  --accent-deep:  #1d4ed8;
+  --accent:       #3b63f4;
+  --accent-2:     #0e9f91;
+  --accent-3:     #c77d16;
+  --accent-pink:  #c33fb3;
+  --accent-soft:  rgba(59, 99, 244, 0.11);
+  --accent-deep:  #2f4fd0;
 
   /* status */
-  --success: #0f8f6d;
-  --warning: #a16207;
-  --danger:  #c2410c;
+  --success: #0d8f70;
+  --warning: #a45f07;
+  --danger:  #bf3e2f;
 
   /* graph */
-  --graph-bg:   #f8faf9;
-  --graph-grid: rgba(12, 92, 115, 0.08);
+  --graph-bg:   #f8faff;
+  --graph-grid: rgba(59, 99, 244, 0.09);
   --graph-pill: rgba(255, 255, 255, 0.92);
 
   /* shadow */
-  --shadow:    0 18px 50px rgba(15, 23, 42, 0.10);
-  --shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.08);
+  --shadow:    0 18px 48px rgba(30, 36, 48, 0.11);
+  --shadow-sm: 0 8px 20px rgba(30, 36, 48, 0.08);
 
   /* focus ring */
-  --focus-ring: rgba(37, 99, 235, 0.55);
+  --focus-ring: rgba(59, 99, 244, 0.56);
 
   /* ── 구조 토큰(색 아님) ─────────────────────────────────────────────── */
   --radius:    14px;
@@ -123,17 +123,17 @@
 
   /* ── --lt-* 별칭 (workspace.css / platform.css 가 참조) — LIGHT ──────────
      순환참조를 피하려 구체값으로 둔다(소비자가 --bg 등을 --lt-* 로 재정의해도 안전). */
-  --lt-bg:        #f6f8f7;
+  --lt-bg:        #f5f7fb;
   --lt-surface:   #ffffff;
-  --lt-surface-2: #f0f5f4;
+  --lt-surface-2: #eef2f7;
   --lt-input:     rgba(255, 255, 255, 0.86);
-  --lt-ink:       #24223d;
-  --lt-ink-soft:  #475569;
-  --lt-muted:     #70818f;
-  --lt-line:      rgba(15, 23, 42, 0.12);
-  --lt-accent:    #2563eb;
-  --lt-accent-2:  #0f9f8f;
-  --lt-shadow-md: 0 18px 50px rgba(15, 23, 42, 0.10);
+  --lt-ink:       #1e2430;
+  --lt-ink-soft:  #526071;
+  --lt-muted:     #7a8798;
+  --lt-line:      rgba(30, 36, 48, 0.12);
+  --lt-accent:    #3b63f4;
+  --lt-accent-2:  #0e9f91;
+  --lt-shadow-md: 0 18px 48px rgba(30, 36, 48, 0.11);
 
   /* ── 모션 / 타이포 ─────────────────────────────────────────────────── */
   --lt-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
@@ -145,63 +145,63 @@
 :root[data-lt-theme="dark"] {
   color-scheme: dark;
 
-  --bg:          #101418;
-  --bg-soft:     #151b20;
-  --surface:     #1b2328;
-  --surface-2:   #202b31;
-  --surface-3:   #29363d;
-  --surface-muted: #151d22;
-  --surface-elevated: #253139;
-  --card:        rgba(255, 255, 255, 0.055);
-  --sidebar:     #11191d;
-  --modal:       rgba(27, 35, 40, 0.98);
+  --bg:          #0d1017;
+  --bg-soft:     #111722;
+  --surface:     #151b26;
+  --surface-2:   #1b2330;
+  --surface-3:   #263142;
+  --surface-muted: #111925;
+  --surface-elevated: #202a38;
+  --card:        rgba(255, 255, 255, 0.06);
+  --sidebar:     #0f141d;
+  --modal:       rgba(21, 27, 38, 0.98);
   --table:       rgba(255, 255, 255, 0.045);
   --input:       rgba(255, 255, 255, 0.065);
-  --overlay:     rgba(0, 0, 0, 0.64);
+  --overlay:     rgba(0, 0, 0, 0.66);
   --overlay-scrim: var(--overlay);
   --app-bg:
-    linear-gradient(180deg, #101418 0%, #151d22 54%, #101418 100%);
+    linear-gradient(180deg, #0d1017 0%, #121a27 50%, #0d1017 100%);
 
-  --text:        #edf3f2;
-  --muted:       #b8c5c2;
-  --faint:       #849894;
+  --text:        #eef3fb;
+  --muted:       #b8c3d2;
+  --faint:       #8290a3;
   --text-muted:  var(--muted);
 
-  --border:        rgba(196, 213, 208, 0.18);
-  --border-strong: rgba(196, 213, 208, 0.30);
-  --line:          rgba(196, 213, 208, 0.14);
-  --line-strong:   rgba(196, 213, 208, 0.24);
+  --border:        rgba(207, 217, 231, 0.16);
+  --border-strong: rgba(207, 217, 231, 0.28);
+  --line:          rgba(207, 217, 231, 0.12);
+  --line-strong:   rgba(207, 217, 231, 0.22);
 
-  --accent:       #0284c7;
-  --accent-2:     #0f766e;
-  --accent-3:     #facc15;
-  --accent-pink:  #f0abfc;
-  --accent-soft:  rgba(2, 132, 199, 0.20);
-  --accent-deep:  #0369a1;
+  --accent:       #7f9cff;
+  --accent-2:     #4dd8c2;
+  --accent-3:     #f2bc57;
+  --accent-pink:  #f47ac2;
+  --accent-soft:  rgba(127, 156, 255, 0.18);
+  --accent-deep:  #a8bbff;
 
   --success: #34d399;
-  --warning: #fbbf24;
-  --danger:  #fb923c;
+  --warning: #f2bc57;
+  --danger:  #ff8a72;
 
-  --graph-bg:   #0f1518;
-  --graph-grid: rgba(94, 234, 212, 0.08);
-  --graph-pill: rgba(27, 35, 40, 0.92);
+  --graph-bg:   #0f141d;
+  --graph-grid: rgba(127, 156, 255, 0.10);
+  --graph-pill: rgba(21, 27, 38, 0.92);
 
   --shadow:    0 18px 54px rgba(0, 0, 0, 0.50);
   --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.42);
 
-  --focus-ring: rgba(125, 211, 252, 0.70);
+  --focus-ring: rgba(127, 156, 255, 0.70);
 
-  --lt-bg:        #101418;
-  --lt-surface:   #1b2328;
-  --lt-surface-2: #202b31;
+  --lt-bg:        #0d1017;
+  --lt-surface:   #151b26;
+  --lt-surface-2: #1b2330;
   --lt-input:     rgba(255, 255, 255, 0.065);
-  --lt-ink:       #edf3f2;
-  --lt-ink-soft:  #b8c5c2;
-  --lt-muted:     #849894;
-  --lt-line:      rgba(196, 213, 208, 0.18);
-  --lt-accent:    #0284c7;
-  --lt-accent-2:  #0f766e;
+  --lt-ink:       #eef3fb;
+  --lt-ink-soft:  #b8c3d2;
+  --lt-muted:     #8290a3;
+  --lt-line:      rgba(207, 217, 231, 0.16);
+  --lt-accent:    #7f9cff;
+  --lt-accent-2:  #4dd8c2;
   --lt-shadow-md: 0 18px 54px rgba(0, 0, 0, 0.50);
 
   --ref-indigo: #93c5fd;
@@ -213,26 +213,26 @@
 @media (prefers-color-scheme: dark) {
   :root:not([data-lt-theme="light"]):not([data-lt-theme="dark"]) {
     color-scheme: dark;
-    --bg: #101418; --bg-soft: #151b20;
-    --surface: #1b2328; --surface-2: #202b31; --surface-3: #29363d;
-    --surface-muted: #151d22; --surface-elevated: #253139;
-    --card: rgba(255,255,255,0.055); --sidebar: #11191d;
-    --modal: rgba(27,35,40,0.98); --table: rgba(255,255,255,0.045);
-    --input: rgba(255,255,255,0.065); --overlay: rgba(0,0,0,0.64); --overlay-scrim: var(--overlay);
+    --bg: #0d1017; --bg-soft: #111722;
+    --surface: #151b26; --surface-2: #1b2330; --surface-3: #263142;
+    --surface-muted: #111925; --surface-elevated: #202a38;
+    --card: rgba(255,255,255,0.06); --sidebar: #0f141d;
+    --modal: rgba(21,27,38,0.98); --table: rgba(255,255,255,0.045);
+    --input: rgba(255,255,255,0.065); --overlay: rgba(0,0,0,0.66); --overlay-scrim: var(--overlay);
     --app-bg:
-      linear-gradient(180deg, #101418 0%, #151d22 54%, #101418 100%);
-    --text: #edf3f2; --muted: #b8c5c2; --faint: #849894; --text-muted: var(--muted);
-    --border: rgba(196,213,208,0.18); --border-strong: rgba(196,213,208,0.30);
-    --line: rgba(196,213,208,0.14); --line-strong: rgba(196,213,208,0.24);
-    --accent: #0284c7; --accent-2: #0f766e; --accent-3: #facc15;
-    --accent-pink: #f0abfc; --accent-soft: rgba(2,132,199,0.20); --accent-deep: #0369a1;
-    --success: #34d399; --warning: #fbbf24; --danger: #fb923c;
-    --graph-bg: #0f1518; --graph-grid: rgba(94,234,212,0.08); --graph-pill: rgba(27,35,40,0.92);
+      linear-gradient(180deg, #0d1017 0%, #121a27 50%, #0d1017 100%);
+    --text: #eef3fb; --muted: #b8c3d2; --faint: #8290a3; --text-muted: var(--muted);
+    --border: rgba(207,217,231,0.16); --border-strong: rgba(207,217,231,0.28);
+    --line: rgba(207,217,231,0.12); --line-strong: rgba(207,217,231,0.22);
+    --accent: #7f9cff; --accent-2: #4dd8c2; --accent-3: #f2bc57;
+    --accent-pink: #f47ac2; --accent-soft: rgba(127,156,255,0.18); --accent-deep: #a8bbff;
+    --success: #34d399; --warning: #f2bc57; --danger: #ff8a72;
+    --graph-bg: #0f141d; --graph-grid: rgba(127,156,255,0.10); --graph-pill: rgba(21,27,38,0.92);
     --shadow: 0 18px 54px rgba(0,0,0,0.50); --shadow-sm: 0 8px 24px rgba(0,0,0,0.42);
-    --focus-ring: rgba(125,211,252,0.70);
-    --lt-bg: #101418; --lt-surface: #1b2328; --lt-surface-2: #202b31; --lt-input: rgba(255,255,255,0.065);
-    --lt-ink: #edf3f2; --lt-ink-soft: #b8c5c2; --lt-muted: #849894;
-    --lt-line: rgba(196,213,208,0.18); --lt-accent: #0284c7; --lt-accent-2: #0f766e;
+    --focus-ring: rgba(127,156,255,0.70);
+    --lt-bg: #0d1017; --lt-surface: #151b26; --lt-surface-2: #1b2330; --lt-input: rgba(255,255,255,0.065);
+    --lt-ink: #eef3fb; --lt-ink-soft: #b8c3d2; --lt-muted: #8290a3;
+    --lt-line: rgba(207,217,231,0.16); --lt-accent: #7f9cff; --lt-accent-2: #4dd8c2;
     --lt-shadow-md: 0 18px 54px rgba(0,0,0,0.50);
   }
 }

package/static/v3/asset-manifest.json

@@ -1,31 +1,31 @@
 {
-  "version": "3.3.0",
+  "version": "3.4.0",
   "generated_at": "deterministic",
   "entrypoints": {
-    "app": "/static/v3/js/app.cf5bb712.js",
+    "app": "/static/v3/js/app.c4acfdd8.js",
     "styles": [
-      "/static/css/tokens.8b8e31bd.css",
-      "/static/v3/css/lattice.tokens.c597ff81.css",
+      "/static/css/tokens.3ba22e37.css",
+      "/static/v3/css/lattice.tokens.e7018963.css",
       "/static/v3/css/lattice.base.e4cdd05d.css",
-      "/static/v3/css/lattice.components.011e988b.css",
-      "/static/v3/css/lattice.shell.4920f42d.css",
-      "/static/v3/css/lattice.views.1d326beb.css"
+      "/static/v3/css/lattice.components.9b49d614.css",
+      "/static/v3/css/lattice.shell.6ceea7c8.css",
+      "/static/v3/css/lattice.views.22f69117.css"
     ]
   },
   "assets": {
-    "static/css/tokens.css": "/static/css/tokens.8b8e31bd.css",
-    "static/v3/css/lattice.tokens.css": "/static/v3/css/lattice.tokens.c597ff81.css",
+    "static/css/tokens.css": "/static/css/tokens.3ba22e37.css",
+    "static/v3/css/lattice.tokens.css": "/static/v3/css/lattice.tokens.e7018963.css",
     "static/v3/css/lattice.base.css": "/static/v3/css/lattice.base.e4cdd05d.css",
-    "static/v3/css/lattice.components.css": "/static/v3/css/lattice.components.011e988b.css",
-    "static/v3/css/lattice.shell.css": "/static/v3/css/lattice.shell.4920f42d.css",
-    "static/v3/css/lattice.views.css": "/static/v3/css/lattice.views.1d326beb.css",
-    "static/v3/js/app.js": "/static/v3/js/app.cf5bb712.js",
-    "static/v3/js/core/api.js": "/static/v3/js/core/api.113660c5.js",
-    "static/v3/js/core/components.js": "/static/v3/js/core/components.4c83e0a9.js",
+    "static/v3/css/lattice.components.css": "/static/v3/css/lattice.components.9b49d614.css",
+    "static/v3/css/lattice.shell.css": "/static/v3/css/lattice.shell.6ceea7c8.css",
+    "static/v3/css/lattice.views.css": "/static/v3/css/lattice.views.22f69117.css",
+    "static/v3/js/app.js": "/static/v3/js/app.c4acfdd8.js",
+    "static/v3/js/core/api.js": "/static/v3/js/core/api.12b568ad.js",
+    "static/v3/js/core/components.js": "/static/v3/js/core/components.35f02e4c.js",
     "static/v3/js/core/dom.js": "/static/v3/js/core/dom.a2773eb0.js",
     "static/v3/js/core/router.js": "/static/v3/js/core/router.584570f2.js",
-    "static/v3/js/core/routes.js": "/static/v3/js/core/routes.07ad6696.js",
-    "static/v3/js/core/shell.js": "/static/v3/js/core/shell.9e707234.js",
+    "static/v3/js/core/routes.js": "/static/v3/js/core/routes.d214b399.js",
+    "static/v3/js/core/shell.js": "/static/v3/js/core/shell.80a6ad82.js",
     "static/v3/js/core/store.js": "/static/v3/js/core/store.34ebd5e6.js",
     "static/v3/js/views/admin-audit.js": "/static/v3/js/views/admin-audit.660a1fb1.js",
     "static/v3/js/views/admin-permissions.js": "/static/v3/js/views/admin-permissions.a7ae5f09.js",
@@ -33,21 +33,21 @@
     "static/v3/js/views/admin-private-vpc.js": "/static/v3/js/views/admin-private-vpc.7d342d36.js",
     "static/v3/js/views/admin-security.js": "/static/v3/js/views/admin-security.07c66b72.js",
     "static/v3/js/views/admin-users.js": "/static/v3/js/views/admin-users.03bac88c.js",
-    "static/v3/js/views/agents.js": "/static/v3/js/views/agents.c373d48c.js",
-    "static/v3/js/views/chat.js": "/static/v3/js/views/chat.c48fd9e2.js",
-    "static/v3/js/views/files.js": "/static/v3/js/views/files.8464634a.js",
-    "static/v3/js/views/home.js": "/static/v3/js/views/home.cdde3b32.js",
-    "static/v3/js/views/hooks.js": "/static/v3/js/views/hooks.f3edebca.js",
+    "static/v3/js/views/agents.js": "/static/v3/js/views/agents.014d0b74.js",
+    "static/v3/js/views/chat.js": "/static/v3/js/views/chat.e6dd7dd0.js",
+    "static/v3/js/views/files.js": "/static/v3/js/views/files.adad14c1.js",
+    "static/v3/js/views/home.js": "/static/v3/js/views/home.24f8b8ae.js",
+    "static/v3/js/views/hooks.js": "/static/v3/js/views/hooks.13845954.js",
     "static/v3/js/views/hybrid-search.js": "/static/v3/js/views/hybrid-search.b22b97e0.js",
     "static/v3/js/views/knowledge-graph.js": "/static/v3/js/views/knowledge-graph.a14ea7e7.js",
     "static/v3/js/views/marketplace.js": "/static/v3/js/views/marketplace.ab0583d4.js",
     "static/v3/js/views/mcp.js": "/static/v3/js/views/mcp.99b5c6a7.js",
     "static/v3/js/views/memory.js": "/static/v3/js/views/memory.4ebdf474.js",
     "static/v3/js/views/models.js": "/static/v3/js/views/models.a1ffa147.js",
-    "static/v3/js/views/my-computer.js": "/static/v3/js/views/my-computer.1b2ff621.js",
+    "static/v3/js/views/my-computer.js": "/static/v3/js/views/my-computer.c3ef5283.js",
     "static/v3/js/views/pipeline.js": "/static/v3/js/views/pipeline.c522f1ce.js",
     "static/v3/js/views/planning.js": "/static/v3/js/views/planning.9ac3e313.js",
-    "static/v3/js/views/settings.js": "/static/v3/js/views/settings.c7b0cc05.js",
+    "static/v3/js/views/settings.js": "/static/v3/js/views/settings.8631fa5e.js",
     "static/v3/js/views/skills.js": "/static/v3/js/views/skills.c6c2f965.js",
     "static/v3/js/views/tools.js": "/static/v3/js/views/tools.e4f11276.js",
     "static/v3/js/views/workflows.js": "/static/v3/js/views/workflows.26c57290.js"

package/static/v3/css/{lattice.components.011e988b.css → lattice.components.9b49d614.css}

@@ -37,20 +37,21 @@
 .lt3-card,
 .lt3-panel {
   position: relative;
-  background: var(--surface);
+  background: var(--card);
   border: 1px solid var(--border);
-  border-radius: var(--lt3-radius-lg);
+  border-radius: var(--lt3-radius-md);
   box-shadow: var(--lt3-elev-1);
 }
 .lt3-panel { padding: var(--lt3-space-5); }
 .lt3-card  { padding: var(--lt3-space-4); }
 .lt3-card--flat { box-shadow: none; background: var(--surface-2); }
 .lt3-card--ghost { background: transparent; border-style: dashed; box-shadow: none; }
-.lt3-card--interactive { transition: transform var(--lt3-dur-2) var(--lt3-ease), border-color var(--lt3-dur-2) var(--lt3-ease), box-shadow var(--lt3-dur-2) var(--lt3-ease); }
+.lt3-card--interactive { transition: transform var(--lt3-dur-2) var(--lt3-ease), border-color var(--lt3-dur-2) var(--lt3-ease), box-shadow var(--lt3-dur-2) var(--lt3-ease), background var(--lt3-dur-2) var(--lt3-ease); }
 .lt3-card--interactive:hover {
-  transform: translateY(-2px);
-  border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
-  box-shadow: var(--lt3-elev-2);
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  background: var(--surface);
+  box-shadow: var(--lt3-elev-1);
 }
 
 .lt3-panel__head {
@@ -61,7 +62,7 @@
   margin-bottom: var(--lt3-space-4);
 }
 .lt3-panel__title {
-  font-size: var(--lt3-text-lg);
+  font-size: var(--lt3-text-md);
   font-weight: var(--lt3-weight-semi);
   letter-spacing: var(--lt3-tracking-tight);
 }
@@ -73,7 +74,7 @@
   align-items: center;
   justify-content: center;
   gap: var(--lt3-space-2);
-  height: 38px;
+  height: 36px;
   padding: 0 var(--lt3-space-4);
   border-radius: var(--lt3-radius-sm);
   border: 1px solid transparent;
@@ -95,15 +96,15 @@
 .lt3-btn--danger { background: var(--lt3-err-soft); color: var(--danger); border-color: color-mix(in srgb, var(--danger) 35%, transparent); }
 .lt3-btn--danger:hover { background: color-mix(in srgb, var(--danger) 24%, transparent); }
 .lt3-btn--sm { height: 30px; padding: 0 var(--lt3-space-3); font-size: var(--lt3-text-xs); }
-.lt3-btn--lg { height: 46px; padding: 0 var(--lt3-space-5); font-size: var(--lt3-text-md); }
+.lt3-btn--lg { height: 42px; padding: 0 var(--lt3-space-5); font-size: var(--lt3-text-sm); }
 .lt3-btn--block { width: 100%; }
 
 .lt3-iconbtn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 38px;
-  height: 38px;
+  width: 36px;
+  height: 36px;
   border-radius: var(--lt3-radius-sm);
   color: var(--muted);
   transition: background var(--lt3-dur-2) var(--lt3-ease), color var(--lt3-dur-2) var(--lt3-ease);
@@ -115,8 +116,8 @@
 /* ── Inputs ─────────────────────────────────────────────────────────────── */
 .lt3-input, .lt3-select, .lt3-textarea {
   width: 100%;
-  height: 40px;
-  padding: 0 var(--lt3-space-4);
+  height: 38px;
+  padding: 0 var(--lt3-space-3);
   background: var(--input);
   border: 1px solid var(--border);
   border-radius: var(--lt3-radius-sm);
@@ -133,12 +134,13 @@
 }
 .lt3-field { display: flex; flex-direction: column; gap: var(--lt3-space-2); }
 .lt3-label { font-size: var(--lt3-text-xs); font-weight: var(--lt3-weight-medium); color: var(--muted); }
+.lt3-help { font-size: var(--lt3-text-xs); color: var(--faint); }
 
 .lt3-search {
   display: flex;
   align-items: center;
   gap: var(--lt3-space-2);
-  height: 44px;
+  height: 40px;
   padding: 0 var(--lt3-space-4);
   background: var(--input);
   border: 1px solid var(--border);
@@ -221,22 +223,40 @@
 
 /* ── Stat tile ──────────────────────────────────────────────────────────── */
 .lt3-stat {
-  display: flex;
-  flex-direction: column;
-  gap: var(--lt3-space-1);
-  padding: var(--lt3-space-4) var(--lt3-space-5);
-  background: var(--surface);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: start;
+  gap: var(--lt3-space-2);
+  min-height: 88px;
+  padding: var(--lt3-space-4);
+  background: var(--card);
   border: 1px solid var(--border);
   border-radius: var(--lt3-radius-md);
 }
-.lt3-stat__label { font-size: var(--lt3-text-xs); color: var(--muted); display: flex; align-items: center; gap: var(--lt3-space-2); }
+.lt3-stat__label {
+  grid-column: 1 / -1;
+  font-size: var(--lt3-text-xs);
+  color: var(--muted);
+  display: flex;
+  align-items: center;
+  gap: var(--lt3-space-2);
+}
+.lt3-stat__label .ti {
+  display: inline-grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--lt3-radius-xs);
+  background: var(--surface-2);
+  color: var(--accent);
+}
 .lt3-stat__value { font-size: var(--lt3-text-2xl); font-weight: var(--lt3-weight-bold); letter-spacing: var(--lt3-tracking-tight); line-height: 1.1; }
-.lt3-stat__delta { font-size: var(--lt3-text-2xs); color: var(--muted); }
+.lt3-stat__delta { justify-self: end; font-size: var(--lt3-text-2xs); color: var(--muted); }
 .lt3-stat__delta--up { color: var(--success); }
 .lt3-stat__delta--down { color: var(--danger); }
 
 /* ── Tables ─────────────────────────────────────────────────────────────── */
-.lt3-table { width: 100%; border-collapse: collapse; font-size: var(--lt3-text-sm); }
+.lt3-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--lt3-text-sm); }
 .lt3-table th {
   text-align: left;
   font-size: var(--lt3-text-2xs);
@@ -244,19 +264,19 @@
   letter-spacing: var(--lt3-tracking-caps);
   text-transform: uppercase;
   color: var(--faint);
-  padding: var(--lt3-space-3) var(--lt3-space-3);
+  padding: var(--lt3-space-3) var(--lt3-space-4);
   border-bottom: 1px solid var(--border);
-  position: sticky; top: 0; background: var(--surface); z-index: 1;
+  position: sticky; top: 0; background: var(--surface-elevated); z-index: 1;
 }
 .lt3-table td {
-  padding: var(--lt3-space-3) var(--lt3-space-3);
+  padding: var(--lt3-space-3) var(--lt3-space-4);
   border-bottom: 1px solid var(--line);
   vertical-align: middle;
 }
 .lt3-table tr:last-child td { border-bottom: none; }
 .lt3-table tbody tr { transition: background var(--lt3-dur-1) var(--lt3-ease); }
 .lt3-table tbody tr:hover { background: var(--surface-2); }
-.lt3-table--clip { border: 1px solid var(--border); border-radius: var(--lt3-radius-md); overflow: hidden; }
+.lt3-table--clip { border: 1px solid var(--border); border-radius: var(--lt3-radius-md); overflow: hidden; background: var(--card); }
 
 /* ── List rows ──────────────────────────────────────────────────────────── */
 .lt3-list { display: flex; flex-direction: column; }
@@ -292,11 +312,11 @@
   gap: 2px;
   background: var(--surface-2);
   border: 1px solid var(--border);
-  border-radius: var(--lt3-radius-sm);
+  border-radius: var(--lt3-radius-md);
 }
 .lt3-seg button {
   padding: var(--lt3-space-2) var(--lt3-space-3);
-  border-radius: 7px;
+  border-radius: var(--lt3-radius-sm);
   font-size: var(--lt3-text-xs);
   font-weight: var(--lt3-weight-semi);
   color: var(--muted);
@@ -348,19 +368,24 @@
 .lt3-empty {
   display: flex; flex-direction: column; align-items: center; justify-content: center;
   gap: var(--lt3-space-3);
-  padding: var(--lt3-space-8) var(--lt3-space-5);
+  min-height: 220px;
+  padding: var(--lt3-space-7) var(--lt3-space-5);
   text-align: center;
   color: var(--muted);
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 64%, transparent), transparent);
+  border: 1px dashed var(--border);
+  border-radius: var(--lt3-radius-md);
 }
 .lt3-empty__icon {
   display: grid; place-items: center;
-  width: 56px; height: 56px;
-  border-radius: var(--lt3-radius-lg);
+  width: 44px; height: 44px;
+  border-radius: var(--lt3-radius-md);
   background: var(--surface-2);
   border: 1px solid var(--border);
   color: var(--faint);
 }
-.lt3-empty__icon .ti { font-size: 1.6rem; }
+.lt3-empty__icon .ti { font-size: 1.35rem; }
 .lt3-empty__title { font-size: var(--lt3-text-md); font-weight: var(--lt3-weight-semi); color: var(--text); }
 .lt3-empty__body { font-size: var(--lt3-text-sm); max-width: 38ch; }