oziko-ui-kit 0.0.139 → 0.0.140

package/dist/index.css

@@ -63,108 +63,354 @@
 }
 
 :root {
-  --oziko-font-size-base: 16px;
-  --oziko-font-size-xs: 0.625rem; /* 10px */
-  --oziko-font-size-sm: 0.75rem; /* 12px */
-  --oziko-font-size-md: 0.875rem; /* 14px */
-  --oziko-font-size-lg: 1rem; /* 16px */
-  --oziko-font-size-xl: 1.125rem; /* 18px */
-  --oziko-font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
-    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  --oziko-color-primary: #1c1c50;
-  --oziko-color-primary-rgb: 28, 28, 80;
-  --oziko-color-primary-light: #36369c;
-  --oziko-color-primary-light-rgb: 54, 54, 156;
-  --oziko-color-primary-dark: #020204;
-  --oziko-color-primary-dark-rgb: 2, 2, 4;
-  --oziko-color-danger: #f41212;
-  --oziko-color-danger-rgb: 244, 18, 18;
-  --oziko-color-danger-light: #f97373;
-  --oziko-color-danger-light-rgb: 249, 115, 115;
-  --oziko-color-danger-dark: #990707;
-  --oziko-color-danger-dark-rgb: 153, 7, 7;
-  --oziko-color-success: #21f412;
-  --oziko-color-success-rgb: 33, 244, 18;
-  --oziko-color-success-light: #7cf973;
-  --oziko-color-success-light-rgb: 124, 249, 115;
-  --oziko-color-success-dark: #119907;
-  --oziko-color-success-dark-rgb: 17, 153, 7;
-  --oziko-color-soft: #f2f2f2;
-  --oziko-color-soft-rgb: 242, 242, 242;
-  --oziko-color-soft-light: #ffffff;
-  --oziko-color-soft-light-rgb: 255, 255, 255;
-  --oziko-color-soft-dark: #c2c2c2;
-  --oziko-color-soft-dark-rgb: 194, 194, 194;
-  --oziko-color-default: #ffffff;
-  --oziko-color-default-rgb: 255, 255, 255;
+  /* ── Colors ──────────────────────────────────────────────────────────── */
+  --color-bg: #f0f0f0;
+  --color-surface: #ffffff;
+  --color-surface-2: #f7f7f7;
+  --color-surface-3: #eeeeee;
+  --color-border: #e4e4e4;
+  --color-border-mid: #d8d8d8;
+  --color-accent: #1a2448;
+  --color-accent-hover: #253060;
+  --color-accent-dark: #111833;
+  --color-accent-subtle: rgba(26, 36, 72, 0.07);
+  --color-accent-subtle-2: rgba(26, 36, 72, 0.13);
+  --color-text-primary: #111827;
+  --color-text-secondary: #4b5563;
+  --color-text-muted: #9ca3af;
+  --color-text-faint: #c5cad4;
+  --color-green: #10b981;
+  --color-green-light: #6ee7b7;
+  --color-green-bg: rgba(16, 185, 129, 0.1);
+  --color-amber: #f59e0b;
+  --color-red: #ef4444;
+  --color-red-light: #fca5a5;
+  --color-blue: #3b82f6;
+  --color-blue-bg: rgba(59, 130, 246, 0.1);
+  /* ── Semantic aliases ────────────────────────────────────────────────── */
+  --color-on-accent: #ffffff;
+  --color-overlay: rgba(0, 0, 0, 0.65);
+  --color-info: var(--color-blue);
+  --color-success: var(--color-green);
+  --color-error: var(--color-red);
+  --color-warning: var(--color-amber);
+  /* ── RGB variants (for rgba() blending) ─────────────────────────────── */
+  --color-accent-rgb: 26, 36, 72;
+  --color-accent-hover-rgb: 37, 48, 96;
+  --color-accent-dark-rgb: 17, 24, 51;
+  --color-red-rgb: 239, 68, 68;
+  --color-red-light-rgb: 252, 165, 165;
+  --color-green-rgb: 16, 185, 129;
+  --color-green-light-rgb: 110, 231, 183;
+  --color-surface-rgb: 255, 255, 255;
+  --color-surface-2-rgb: 247, 247, 247;
+  --color-surface-3-rgb: 238, 238, 238;
+  --color-border-rgb: 228, 228, 228;
+  --color-border-mid-rgb: 216, 216, 216;
+  --color-text-primary-rgb: 17, 24, 39;
+  --color-text-muted-rgb: 156, 163, 175;
+  --color-bg-rgb: 240, 240, 240;
+  --color-on-accent-rgb: 255, 255, 255;
+  /* ── Typography ──────────────────────────────────────────────────────── */
+  --font-sans: "DM Sans", sans-serif;
+  --font-mono: "JetBrains Mono", "Courier New", monospace;
+  --font-size-2xs: 9px;
+  --font-size-xs: 10px;
+  --font-size-sm: 11px;
+  --font-size-sm-plus: 11.5px;
+  --font-size-base: 12px;
+  --font-size-base-plus: 12.5px;
+  --font-size-md: 13px;
+  --font-size-lg: 14px;
+  --font-size-xl: 20px;
+  --font-size-2xl: 22px;
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  /* ── Spacing ─────────────────────────────────────────────────────────── */
+  --spacing-1: 2px;
+  --spacing-2: 3px;
+  --spacing-3: 4px;
+  --spacing-4: 5px;
+  --spacing-5: 6px;
+  --spacing-6: 7px;
+  --spacing-7: 8px;
+  --spacing-8: 9px;
+  --spacing-9: 10px;
+  --spacing-10: 12px;
+  --spacing-11: 14px;
+  --spacing-12: 16px;
+  --spacing-13: 18px;
+  --spacing-14: 20px;
+  --spacing-15: 24px;
+  --spacing-16: 32px;
+  /* ── Border Radius ───────────────────────────────────────────────────── */
+  --radius-xs: 3px;
+  --radius-sm: 4px;
+  --radius-md-sm: 5px;
+  --radius-md: 6px;
+  --radius-lg: 7px;
+  --radius-xl: 8px;
+  --radius-2xl: 10px;
+  --radius-3xl: 12px;
+  --radius-full: 9999px;
+  /* ── Layout Dimensions ───────────────────────────────────────────────── */
+  --size-sidebar-w: 232px;
+  --size-rail-w: 44px;
+  --size-topbar-h: 48px;
+  --size-row-h: 36px;
+  --size-rail-btn: 32px;
+  --size-icon-btn: 24px;
+  --size-avatar: 26px;
+  --size-logo: 28px;
+  --size-modal-w: 480px;
+  --size-settings-w: 460px;
+  --size-entry-panel-w: 380px;
+  --size-ctx-menu-min-w: 178px;
+  --size-icon-xs: 12px;
+  --size-icon-sm: 14px;
+  --size-icon-md: 16px;
+  --size-icon-lg: 20px;
+  /* ── Shadows ─────────────────────────────────────────────────────────── */
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
+  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
+  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.15);
+  /* ── Transitions ─────────────────────────────────────────────────────── */
+  --transition-fast: 0.1s ease;
+  --transition-base: 0.12s ease;
+  --transition-border: 0.15s ease;
+  --transition-toggle: 0.18s ease;
+  --transition-panel: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+  --transition-modal-in: 0.15s ease;
+  --transition-ctx-in: 0.1s ease;
+  /* ── Utility ─────────────────────────────────────────────────────────── */
+  --opacity-disabled: 0.5;
+  --border-default: 1px solid var(--color-border);
+}
+
+:root[data-theme=dark] {
+  --color-bg: #0d1017;
+  --color-surface: #13181f;
+  --color-surface-2: #191f28;
+  --color-surface-3: #202735;
+  --color-border: #252e3e;
+  --color-border-mid: #2f3b52;
+  --color-accent: #4f6ef7;
+  --color-accent-hover: #6b84ff;
+  --color-accent-dark: #3a56d4;
+  --color-accent-subtle: rgba(79, 110, 247, 0.1);
+  --color-accent-subtle-2: rgba(79, 110, 247, 0.18);
+  --color-text-primary: #e4e8f2;
+  --color-text-secondary: #8b96b5;
+  --color-text-muted: #4e5e7a;
+  --color-text-faint: #2e3a50;
+  --color-green: #34d399;
+  --color-green-light: #a7f3d0;
+  --color-green-bg: rgba(52, 211, 153, 0.1);
+  --color-amber: #fbbf24;
+  --color-red: #f87171;
+  --color-red-light: #fca5a5;
+  --color-blue: #60a5fa;
+  --color-blue-bg: rgba(96, 165, 250, 0.1);
+  /* ── RGB variants ── */
+  --color-accent-rgb: 79, 110, 247;
+  --color-accent-hover-rgb: 107, 132, 255;
+  --color-accent-dark-rgb: 58, 86, 212;
+  --color-red-rgb: 248, 113, 113;
+  --color-red-light-rgb: 252, 165, 165;
+  --color-green-rgb: 52, 211, 153;
+  --color-green-light-rgb: 167, 243, 208;
+  --color-surface-rgb: 19, 24, 31;
+  --color-surface-2-rgb: 25, 31, 40;
+  --color-surface-3-rgb: 32, 39, 53;
+  --color-border-rgb: 37, 46, 62;
+  --color-border-mid-rgb: 47, 59, 82;
+  --color-text-primary-rgb: 228, 232, 242;
+  --color-text-muted-rgb: 78, 94, 122;
+  --color-bg-rgb: 13, 16, 23;
+  /* ── Legacy variable aliases — dark-mode overrides for Spica panel ── */
+  /* These map the old --color-* names used throughout panel SCSS files   */
+  /* to their dark-mode equivalents. Attribute selector wins over :root.  */
+  --color-background: #0d1017;
+  --color-background-rgb: 13, 16, 23;
+  --color-menu-background: #13181f;
+  --color-menu-background-rgb: 19, 24, 31;
+  --color-layout-background: #191f28;
+  --color-layout-background-rgb: 25, 31, 40;
+  --color-soft: #202735;
+  --color-soft-rgb: 32, 39, 53;
+  --color-soft-light: #191f28;
+  --color-soft-light-rgb: 25, 31, 40;
+  --color-soft-dark: #2f3b52;
+  --color-soft-dark-rgb: 47, 59, 82;
+  --color-hover: #202735;
+  --color-hover-rgb: 32, 39, 53;
+  --color-menu-contrast: #191f28;
+  --color-menu-contrast-rgb: 25, 31, 40;
+  --color-zebra: #191f28;
+  --color-zebra-rgb: 25, 31, 40;
+  --color-font-primary: #e4e8f2;
+  --color-font-primary-rgb: 228, 232, 242;
+  --color-font-secondary: #8b96b5;
+  --color-font-secondary-rgb: 139, 150, 181;
+  --color-font-tertiary: #4e5e7a;
+  --color-font-tertiary-rgb: 78, 94, 122;
+  --color-input-background: #191f28;
+  --color-input-background-rgb: 25, 31, 40;
+  --color-input-placeholder: #4e5e7a;
+  --color-input-placeholder-rgb: 78, 94, 122;
+  --color-primary: #4f6ef7;
+  --color-primary-rgb: 79, 110, 247;
+  --color-primary-light: #6b84ff;
+  --color-primary-light-rgb: 107, 132, 255;
+  --color-primary-dark: #3a56d4;
+  --color-primary-dark-rgb: 58, 86, 212;
+  --color-danger: #f87171;
+  --color-danger-rgb: 248, 113, 113;
+  --color-danger-light: #fca5a5;
+  --color-danger-light-rgb: 252, 165, 165;
+  --color-danger-dark: #ef4444;
+  --color-danger-dark-rgb: 239, 68, 68;
+  --color-success: #34d399;
+  --color-success-rgb: 52, 211, 153;
+  --color-success-light: #a7f3d0;
+  --color-success-light-rgb: 167, 243, 208;
+  --color-success-dark: #10b981;
+  --color-success-dark-rgb: 16, 185, 129;
+  --color-icon: #8b96b5;
+  --color-icon-rgb: 139, 150, 181;
+  --color-box-shadow: rgba(0, 0, 0, 0.4);
+  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
+  --border-default: 1px solid #252e3e;
+}
+
+:root {
+  /* Colors */
+  --oziko-color-primary: var(--color-accent);
+  --oziko-color-primary-rgb: var(--color-accent-rgb);
+  --oziko-color-primary-light: var(--color-accent-hover);
+  --oziko-color-primary-light-rgb: var(--color-accent-hover-rgb);
+  --oziko-color-primary-dark: var(--color-accent-dark);
+  --oziko-color-primary-dark-rgb: var(--color-accent-dark-rgb);
+  --oziko-color-danger: var(--color-red);
+  --oziko-color-danger-rgb: var(--color-red-rgb);
+  --oziko-color-danger-light: var(--color-red-light);
+  --oziko-color-danger-light-rgb: var(--color-red-light-rgb);
+  --oziko-color-danger-dark: var(--color-red);
+  --oziko-color-danger-dark-rgb: var(--color-red-rgb);
+  --oziko-color-success: var(--color-green);
+  --oziko-color-success-rgb: var(--color-green-rgb);
+  --oziko-color-success-light: var(--color-green-light);
+  --oziko-color-success-light-rgb: var(--color-green-light-rgb);
+  --oziko-color-success-dark: var(--color-green);
+  --oziko-color-success-dark-rgb: var(--color-green-rgb);
+  --oziko-color-soft: var(--color-surface-3);
+  --oziko-color-soft-rgb: var(--color-surface-3-rgb);
+  --oziko-color-soft-light: var(--color-surface);
+  --oziko-color-soft-light-rgb: var(--color-surface-rgb);
+  --oziko-color-soft-dark: var(--color-border-mid);
+  --oziko-color-soft-dark-rgb: var(--color-border-mid-rgb);
+  --oziko-color-soft-hover: var(--color-surface-2);
+  --oziko-color-default: var(--color-surface);
+  --oziko-color-default-rgb: var(--color-surface-rgb);
   --oziko-color-transparent: transparent;
-  --oziko-color-input-background: #fafafa;
-  --oziko-color-input-background-rgb: 250, 250, 250;
-  --oziko-color-input-placeholder: #9b9b9b;
-  --oziko-color-input-placeholder-rgb: 155, 155, 155;
-  --oziko-color-font-primary: #525252;
-  --oziko-color-font-primary-rgb: 82, 82, 82;
-  --oziko-color-font-secondary: #ffffff;
-  --oziko-color-font-secondary-rgb: 255, 255, 255;
-  --oziko-color-border: #d4d0d0;
-  --oziko-color-border-rgb: 212, 208, 208;
-  --oziko-color-zebra: #f6f6f9;
-  --oziko-color-zebra-rgb: 246, 246, 249;
-  --oziko-color-background: #f5f5f5;
-  --oziko-color-background-rgb: 245, 245, 245;
-  --oziko-color-menu-background: #ffffff;
-  --oziko-color-menu-background-rgb: 255, 255, 255;
-  --oziko-color-box-shadow: #0000000d;
-  --oziko-color-background-secondary: #eeeeee;
-  --box-shadow: 0px 0px 10px 5px var(--oziko-color-box-shadow);
-  --oziko-border-radius-sm: 3px;
-  --oziko-border-radius-md: 5px;
-  --oziko-border-radius-lg: 10px;
-  --oziko-border-radius-circle: 50%;
-  --oziko-border-radius-round: 40px;
-  --oziko-padding-xs: 2.5px;
-  --oziko-padding-sm: 5px;
-  --oziko-padding-md: 10px;
-  --oziko-padding-lg: 15px;
-  --oziko-padding-xl: 20px;
-  --oziko-gap-xs: 2.5px;
-  --oziko-gap-sm: 5px;
-  --oziko-gap-md: 10px;
-  --oziko-gap-lg: 15px;
-  --oziko-gap-xl: 20px;
-  --oziko-icon-size-xs: 12px;
-  --oziko-icon-size-sm: 14px;
-  --oziko-icon-size-md: 16px;
-  --oziko-icon-size-lg: 20px;
-  --oziko-border-default: 1px solid #d4d0d0;
-  --oziko-transition-duration: 0.3s;
-  --oziko-disabled-opacity: 0.6;
+  --oziko-color-input-background: var(--color-surface-2);
+  --oziko-color-input-background-rgb: var(--color-surface-2-rgb);
+  --oziko-color-input-placeholder: var(--color-text-muted);
+  --oziko-color-input-placeholder-rgb: var(--color-text-muted-rgb);
+  --oziko-color-font-primary: var(--color-text-primary);
+  --oziko-color-font-primary-rgb: var(--color-text-primary-rgb);
+  --oziko-color-font-secondary: var(--color-on-accent);
+  --oziko-color-font-secondary-rgb: var(--color-on-accent-rgb);
+  --oziko-color-border: var(--color-border);
+  --oziko-color-border-rgb: var(--color-border-rgb);
+  --oziko-color-zebra: var(--color-surface-2);
+  --oziko-color-zebra-rgb: var(--color-surface-2-rgb);
+  --oziko-color-background: var(--color-bg);
+  --oziko-color-background-rgb: var(--color-bg-rgb);
+  --oziko-color-background-secondary: var(--color-surface-3);
+  --oziko-color-menu-background: var(--color-surface);
+  --oziko-color-menu-background-rgb: var(--color-surface-rgb);
+  --oziko-color-box-shadow: var(--color-overlay);
+  /* Shadows */
+  --box-shadow: var(--shadow-md);
+  /* Typography */
+  --oziko-font-family-base: var(--font-sans);
+  --oziko-font-size-base: 16px; /* no direct Spica equivalent; kept for legacy rem */
+  --oziko-font-size-xs: var(--font-size-xs);
+  --oziko-font-size-sm: var(--font-size-base);
+  --oziko-font-size-md: var(--font-size-lg);
+  --oziko-font-size-lg: var(--font-size-lg); /* 14px; closest match */
+  --oziko-font-size-xl: var(--font-size-xl);
+  /* Border radius */
+  --oziko-border-radius-sm: var(--radius-sm);
+  --oziko-border-radius-md: var(--radius-md);
+  --oziko-border-radius-lg: var(--radius-2xl);
+  --oziko-border-radius-circle: var(--radius-full);
+  --oziko-border-radius-round: var(--radius-full);
+  /* Spacing */
+  --oziko-padding-xs: var(--spacing-2);
+  --oziko-padding-sm: var(--spacing-4);
+  --oziko-padding-md: var(--spacing-9);
+  --oziko-padding-lg: var(--spacing-12);
+  --oziko-padding-xl: var(--spacing-14);
+  --oziko-gap-xs: var(--spacing-2);
+  --oziko-gap-sm: var(--spacing-4);
+  --oziko-gap-md: var(--spacing-9);
+  --oziko-gap-lg: var(--spacing-12);
+  --oziko-gap-xl: var(--spacing-14);
+  /* Icon sizes */
+  --oziko-icon-size-xs: var(--size-icon-xs);
+  --oziko-icon-size-sm: var(--size-icon-sm);
+  --oziko-icon-size-md: var(--size-icon-md);
+  --oziko-icon-size-lg: var(--size-icon-lg);
+  /* Misc */
+  --oziko-border-default: var(--border-default);
+  --oziko-transition-duration: var(--transition-base);
+  --oziko-disabled-opacity: var(--opacity-disabled);
 }
 
 @font-face {
-  font-family: "Inter";
-  src: url("./assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("ttf");
-  font-weight: 400;
+  font-family: "DM Sans";
+  src: url("./assets/fonts/inter/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
+  font-weight: 100 900;
   font-style: normal;
   font-display: swap;
 }
+@font-face {
+  font-family: "DM Sans";
+  src: url("./assets/fonts/inter/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+}
 html {
-  font-size: var(--oziko-font-size-base);
+  font-size: 16px;
 }
 
 body {
   margin: 0;
-  font-family: var(--oziko-font-family-base);
+  font-family: var(--font-sans);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: var(--color-bg);
+  color: var(--color-text-primary);
 }
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  font-family: inherit;
 }
 
-* {
-  box-sizing: border-box;
+code,
+pre,
+kbd,
+samp {
+  font-family: var(--font-mono);
 }
 .flexElement {
   display: flex;
@@ -240,27 +486,27 @@ code {
 
 .Autocomplete-module_menuItems__PRxS4 {
   position: fixed;
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
   z-index: 1000;
   height: 100%;
   max-height: 200px;
   overflow-y: auto;
-  box-shadow: var(--box-shadow);
-  background: var(--oziko-color-menu-background);
+  box-shadow: var(--shadow-md);
+  background: var(--color-surface);
 }
 .ListItem-module_item__IJwTZ {
   cursor: pointer;
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  padding: var(--spacing-9) var(--spacing-12);
 }
 .ListItem-module_item__IJwTZ:not(.ListItem-module_disabled__nySSv):hover {
-  background: var(--oziko-color-zebra);
+  background: var(--color-surface-2);
 }
 .ListItem-module_item__IJwTZ.ListItem-module_active__L8V-w {
-  background: var(--oziko-color-zebra);
+  background: var(--color-surface-2);
 }
 .ListItem-module_item__IJwTZ.ListItem-module_disabled__nySSv {
   cursor: default;
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
 }
 .ListItem-module_item__IJwTZ .ListItem-module_displayer__Ce1rm {
   display: -webkit-box;
@@ -338,59 +584,69 @@ code {
   line-height: 1rem;
 }
 .Text-module_text__pXeDB.Text-module_primary__Jl3pf {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Text-module_text__pXeDB.Text-module_secondary__lupNJ {
-  color: var(--oziko-color-input-placeholder);
+  color: var(--color-text-muted);
 }
 .Text-module_text__pXeDB.Text-module_danger__wUGWY {
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .Text-module_text__pXeDB.Text-module_xsmall__9MbA8 {
-  font-size: var(--oziko-font-size-xs);
+  font-size: var(--font-size-xs);
 }
 .Text-module_text__pXeDB.Text-module_small__6RMw5 {
-  font-size: var(--oziko-font-size-sm);
+  font-size: var(--font-size-base);
 }
 .Text-module_text__pXeDB.Text-module_medium__1wQOp {
-  font-size: var(--oziko-font-size-md);
+  font-size: var(--font-size-lg);
 }
 .Text-module_text__pXeDB.Text-module_large__xU7Z7 {
-  font-size: var(--oziko-font-size-lg);
+  font-size: var(--font-size-lg);
 }
 .Text-module_text__pXeDB.Text-module_xlarge__e2FFa {
-  font-size: var(--oziko-font-size-xl);
+  font-size: var(--font-size-xl);
 }
 .InputWithIcon-module_container__XS6go {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border: var(--oziko-border-default);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  border: var(--border-default);
+  padding: var(--spacing-4) var(--spacing-9);
+  transition: border-color var(--transition-border);
 }
 .InputWithIcon-module_container__XS6go input {
   padding: 0;
 }
+.InputWithIcon-module_container__XS6go:focus-within {
+  border-color: var(--color-border-mid);
+}
 .InputWithIcon-module_container__XS6go.InputWithIcon-module_disabled__Ipdhp {
   cursor: default;
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
 }
 .InputWithIcon-module_container__XS6go .InputWithIcon-module_input__QmSjk {
   border: none;
   outline: none;
   width: 100%;
   background: none;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-md);
+  font-family: var(--font-sans);
 }
 .InputWithIcon-module_container__XS6go .InputWithIcon-module_input__QmSjk::placeholder {
-  color: var(--oziko-color-input-placeholder);
+  color: var(--color-text-muted);
+  font-size: var(--font-size-md);
+  font-family: "DM Sans", sans-serif;
 }
 .Input-module_input__drEt1 {
-  font-size: var(--oziko-font-size-md);
+  font-size: var(--font-size-lg);
   line-height: 1rem;
   padding: 0;
   flex: 1;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
   border: none;
   outline: none;
   background-color: transparent;
@@ -399,7 +655,7 @@ code {
   flex-direction: row-reverse !important;
 }
 .InputLabel-module_reverse__OWiKh .InputLabel-module_title__-qafK {
-  padding-left: var(--oziko-padding-md);
+  padding-left: var(--spacing-9);
   padding-right: 0;
   text-align: right;
 }
@@ -407,18 +663,18 @@ code {
 .InputLabel-module_divider__dUzoL {
   width: 1px;
   height: 0;
-  background: var(--oziko-color-primary);
-  transition: all var(--oziko-transition-duration);
+  background: var(--color-accent);
+  transition: all var(--transition-base);
 }
 
 .InputLabel-module_focused__bVb3x .InputLabel-module_divider__dUzoL {
   height: 100%;
-  transition: all var(--oziko-transition-duration);
+  transition: all var(--transition-base);
 }
 
 .InputLabel-module_container__ahfSz .InputLabel-module_title__-qafK span {
-  font-size: var(--oziko-font-size-md);
-  color: var(--oziko-color-font-primary);
+  font-size: var(--font-size-lg);
+  color: var(--color-text-primary);
   width: 100px;
   text-align: left;
   display: inline-block;
@@ -426,162 +682,177 @@ code {
   overflow: hidden !important;
   text-overflow: ellipsis;
   position: relative;
-  transition: all var(--oziko-transition-duration);
+  transition: all var(--transition-base);
 }
 .InputLabel-module_container__ahfSz .InputLabel-module_title__-qafK::after {
   content: "";
   width: 1px;
-  background-color: var(--oziko-color-primary);
+  background-color: var(--color-accent);
   height: 0;
   position: absolute;
   bottom: 0;
   right: 0;
-  transition: all var(--oziko-transition-duration);
+  transition: all var(--transition-base);
 }
 .InputLabel-module_container__ahfSz .InputLabel-module_icon__-hQXJ {
-  transition: all var(--oziko-transition-duration);
+  transition: all var(--transition-base);
 }
 .BaseInput-module_baseInputContainer__sY1kq {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
   position: relative;
 }
 .BaseInput-module_baseInputContainer__sY1kq input {
   padding: 0;
 }
 .BaseInput-module_baseInputContainer__sY1kq .BaseInput-module_focused__K38D8 * {
-  color: var(--oziko-color-primary) !important;
+  color: var(--color-accent) !important;
 }
 .BaseInput-module_baseInputContainer__sY1kq.BaseInput-module_containerFocused__w9-Ht {
-  outline: 1px solid var(--oziko-color-primary);
+  outline: 1px solid var(--color-accent);
 }
 
 .BaseInput-module_disabled__kn4wv {
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
 
 .BaseInput-module_helperText__5CsM3 {
-  padding-left: var(--oziko-padding-lg);
-  font-size: var(--oziko-font-size-sm) !important;
+  padding-left: var(--spacing-12);
+  font-size: var(--font-size-base) !important;
 }
 .Icon-module_icon__RB1IY.Icon-module_xs__908MS {
-  width: var(--oziko-icon-size-xs);
-  height: var(--oziko-icon-size-xs);
+  width: var(--size-icon-xs);
+  height: var(--size-icon-xs);
 }
 .Icon-module_icon__RB1IY.Icon-module_sm__6W-Lb {
-  width: var(--oziko-icon-size-sm);
-  height: var(--oziko-icon-size-sm);
+  width: var(--size-icon-sm);
+  height: var(--size-icon-sm);
 }
 .Icon-module_icon__RB1IY.Icon-module_md__NwfvQ {
-  width: var(--oziko-icon-size-md);
-  height: var(--oziko-icon-size-md);
+  width: var(--size-icon-md);
+  height: var(--size-icon-md);
 }
 .Icon-module_icon__RB1IY.Icon-module_lg__KKTLI {
-  width: var(--oziko-icon-size-lg);
-  height: var(--oziko-icon-size-lg);
+  width: var(--size-icon-lg);
+  height: var(--size-icon-lg);
 }
 .BucketFieldPopup-module_container__u-ZI0 {
-  background-color: var(--oziko-color-menu-background);
-  padding: var(--oziko-padding-md);
-  border-radius: var(--oziko-border-radius-lg);
+  background-color: var(--color-surface);
+  padding: var(--spacing-9);
+  border-radius: var(--radius-2xl);
 }
 .BucketFieldPopup-module_container__u-ZI0 .BucketFieldPopup-module_item__UuUXG {
-  color: var(--oziko-color-font-primary);
-  padding: var(--oziko-padding-xs) 0;
+  color: var(--color-text-primary);
+  padding: var(--spacing-2) 0;
   cursor: pointer;
 }
+.Button-module_buttonContent__0JeKC {
+  gap: var(--spacing-6);
+}
+
 .Button-module_button__tvuyP {
   cursor: pointer;
-  line-height: var(--oziko-font-size-md);
+  line-height: var(--font-size-lg);
   outline: none;
   border: none;
   background: none;
-  transition: all var(--oziko-transition-duration) ease-in-out;
-  padding: var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
+  transition: all var(--transition-base) ease-in-out;
+  padding: var(--spacing-9);
+  font-size: var(--font-size-base-plus);
+  font-family: var(--font-sans);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .Button-module_button__tvuyP:disabled {
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
   cursor: default;
 }
 .Button-module_button__tvuyP.Button-module_fullWidth__ocMRP {
   width: 100%;
 }
 .Button-module_button__tvuyP.Button-module_sDefault__yRCYO {
-  border-radius: var(--oziko-border-radius-sm);
+  border-radius: var(--radius-xl);
 }
 .Button-module_button__tvuyP.Button-module_sCircle__GJyYM {
-  border-radius: var(--oziko-border-radius-circle);
+  border-radius: var(--radius-full);
 }
 .Button-module_button__tvuyP.Button-module_sRound__y0uWn {
-  border-radius: var(--oziko-border-radius-round);
+  border-radius: var(--radius-full);
+}
+.Button-module_button__tvuyP.Button-module_sChip__Ca0Mj {
+  border-radius: 5px;
+  padding: 4px 9px;
+  font-size: 12px;
+  font-weight: 500;
+}
+.Button-module_button__tvuyP.Button-module_sChip__Ca0Mj.Button-module_vOutlined__BPlxJ.Button-module_cPrimary__67oy- {
+  background: rgba(var(--color-accent-rgb), 0.07);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cPrimary__67oy- {
-  background-color: var(--oziko-color-primary);
-  border-color: var(--oziko-color-primary) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-accent);
+  border-color: var(--color-accent) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cPrimary__67oy-:hover {
-  background-color: var(--oziko-color-primary-light);
-  border-color: var(--oziko-color-primary-light) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-accent-hover);
+  border-color: var(--color-accent-hover) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cDanger__HgXsJ {
-  background-color: var(--oziko-color-danger);
-  border-color: var(--oziko-color-danger) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-red);
+  border-color: var(--color-red) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cDanger__HgXsJ:hover {
-  background-color: var(--oziko-color-danger-light);
-  border-color: var(--oziko-color-danger-light) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-red-light);
+  border-color: var(--color-red-light) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cSuccess__KSilh {
-  background-color: var(--oziko-color-success);
-  border-color: var(--oziko-color-success) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-green);
+  border-color: var(--color-green) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cSuccess__KSilh:hover {
-  background-color: var(--oziko-color-success-light);
-  border-color: var(--oziko-color-success-light) !important;
-  color: var(--oziko-color-font-secondary);
+  background-color: var(--color-green-light);
+  border-color: var(--color-green-light) !important;
+  color: var(--color-on-accent);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cDefault__q58J8 {
-  background-color: var(--oziko-color-default);
-  border-color: var(--oziko-color-default) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface);
+  border-color: var(--color-surface) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cDefault__q58J8:hover {
-  background-color: var(--oziko-color-default);
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cSoft__dGX1F {
-  background-color: var(--oziko-color-soft);
-  border-color: var(--oziko-color-soft) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-3);
+  border-color: var(--color-surface-3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cSoft__dGX1F:hover {
-  background-color: var(--oziko-color-soft);
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-3);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cTransparent__Bnpcx {
   background-color: transparent;
-  border-color: var(--oziko-color-border) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-border) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vSolid__G4luo.Button-module_cTransparent__Bnpcx:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-border) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-border) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ {
   border: 1px solid;
@@ -589,53 +860,53 @@ code {
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cPrimary__67oy- {
   background-color: transparent;
-  border-color: var(--oziko-color-primary) !important;
-  color: var(--oziko-color-primary);
+  border-color: var(--color-accent) !important;
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cPrimary__67oy-:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-primary-light) !important;
-  color: var(--oziko-color-primary-light);
+  border-color: var(--color-accent-hover) !important;
+  color: var(--color-accent-hover);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cDanger__HgXsJ {
   background-color: transparent;
-  border-color: var(--oziko-color-danger) !important;
-  color: var(--oziko-color-danger);
+  border-color: var(--color-red) !important;
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cDanger__HgXsJ:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-danger-light) !important;
-  color: var(--oziko-color-danger-light);
+  border-color: var(--color-red-light) !important;
+  color: var(--color-red-light);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cSuccess__KSilh {
   background-color: transparent;
-  border-color: var(--oziko-color-success) !important;
-  color: var(--oziko-color-success);
+  border-color: var(--color-green) !important;
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cSuccess__KSilh:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-success-light) !important;
-  color: var(--oziko-color-success-light);
+  border-color: var(--color-green-light) !important;
+  color: var(--color-green-light);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cDefault__q58J8 {
   background-color: transparent;
-  border-color: var(--oziko-color-border) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-border) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cDefault__q58J8:hover {
   background-color: transparent;
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cSoft__dGX1F {
   background-color: transparent;
-  border-color: var(--oziko-color-soft) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-surface-3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vOutlined__BPlxJ.Button-module_cSoft__dGX1F:hover {
   background-color: transparent;
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs {
   border: 1px dashed;
@@ -643,103 +914,103 @@ code {
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cPrimary__67oy- {
   background-color: transparent;
-  border-color: var(--oziko-color-primary) !important;
-  color: var(--oziko-color-primary);
+  border-color: var(--color-accent) !important;
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cPrimary__67oy-:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-primary-light) !important;
-  color: var(--oziko-color-primary-light);
+  border-color: var(--color-accent-hover) !important;
+  color: var(--color-accent-hover);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cDanger__HgXsJ {
   background-color: transparent;
-  border-color: var(--oziko-color-danger) !important;
-  color: var(--oziko-color-danger);
+  border-color: var(--color-red) !important;
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cDanger__HgXsJ:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-danger-light) !important;
-  color: var(--oziko-color-danger-light);
+  border-color: var(--color-red-light) !important;
+  color: var(--color-red-light);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cSuccess__KSilh {
   background-color: transparent;
-  border-color: var(--oziko-color-success) !important;
-  color: var(--oziko-color-success);
+  border-color: var(--color-green) !important;
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cSuccess__KSilh:hover {
   background-color: transparent;
-  border-color: var(--oziko-color-success-light) !important;
-  color: var(--oziko-color-success-light);
+  border-color: var(--color-green-light) !important;
+  color: var(--color-green-light);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cDefault__q58J8 {
   background-color: transparent;
-  border-color: var(--oziko-color-border) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-border) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cDefault__q58J8:hover {
   background-color: transparent;
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cSoft__dGX1F {
   background-color: transparent;
-  border-color: var(--oziko-color-soft) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: var(--color-surface-3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vDashed__s9Gzs.Button-module_cSoft__dGX1F:hover {
   background-color: transparent;
-  border-color: rgba(var(--oziko-color-primary-rgb), 0.3) !important;
-  color: var(--oziko-color-font-primary);
+  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cPrimary__67oy- {
-  background-color: rgba(var(--oziko-color-primary-rgb), 0.1);
-  border-color: var(--oziko-color-primary) !important;
-  color: var(--oziko-color-primary);
+  background-color: rgba(var(--color-accent-rgb), 0.1);
+  border-color: var(--color-accent) !important;
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cPrimary__67oy-:hover {
-  background-color: rgba(var(--oziko-color-primary-rgb), 0.3);
-  border-color: var(--oziko-color-primary) !important;
-  color: var(--oziko-color-primary);
+  background-color: rgba(var(--color-accent-rgb), 0.3);
+  border-color: var(--color-accent) !important;
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cDanger__HgXsJ {
-  background-color: rgba(var(--oziko-color-danger-rgb), 0.1);
-  border-color: var(--oziko-color-danger) !important;
-  color: var(--oziko-color-danger);
+  background-color: rgba(var(--color-red-rgb), 0.1);
+  border-color: var(--color-red) !important;
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cDanger__HgXsJ:hover {
-  background-color: rgba(var(--oziko-color-danger-rgb), 0.3);
-  border-color: var(--oziko-color-danger) !important;
-  color: var(--oziko-color-danger);
+  background-color: rgba(var(--color-red-rgb), 0.3);
+  border-color: var(--color-red) !important;
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cSuccess__KSilh {
-  background-color: rgba(var(--oziko-color-success-rgb), 0.1);
-  border-color: var(--oziko-color-success) !important;
-  color: var(--oziko-color-success);
+  background-color: rgba(var(--color-green-rgb), 0.1);
+  border-color: var(--color-green) !important;
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cSuccess__KSilh:hover {
-  background-color: rgba(var(--oziko-color-success-rgb), 0.3);
-  border-color: var(--oziko-color-success) !important;
-  color: var(--oziko-color-success);
+  background-color: rgba(var(--color-green-rgb), 0.3);
+  border-color: var(--color-green) !important;
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cDefault__q58J8 {
-  background-color: rgba(var(--oziko-color-default-rgb), 0.1);
-  border-color: var(--oziko-color-font-primary) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: rgba(var(--color-surface-rgb), 0.1);
+  border-color: var(--color-text-primary) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cDefault__q58J8:hover {
-  background-color: rgba(var(--oziko-color-default-rgb), 0.3);
-  border-color: var(--oziko-color-font-primary) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: rgba(var(--color-surface-rgb), 0.3);
+  border-color: var(--color-text-primary) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cSoft__dGX1F {
-  background-color: rgba(var(--oziko-color-soft-rgb), 0.1);
-  border-color: var(--oziko-color-soft) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: rgba(var(--color-surface-3-rgb), 0.1);
+  border-color: var(--color-surface-3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vFilled__1oRT-.Button-module_cSoft__dGX1F:hover {
-  background-color: rgba(var(--oziko-color-soft-rgb), 0.3);
-  border-color: var(--oziko-color-soft) !important;
-  color: var(--oziko-color-font-primary);
+  background-color: rgba(var(--color-surface-3-rgb), 0.3);
+  border-color: var(--color-surface-3) !important;
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ {
   border: none;
@@ -748,120 +1019,120 @@ code {
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cPrimary__67oy- {
   background-color: transparent;
   border-color: transparent !important;
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cPrimary__67oy-:hover {
-  background-color: rgba(var(--oziko-color-primary-rgb), 0.1);
+  background-color: rgba(var(--color-accent-rgb), 0.1);
   border-color: transparent !important;
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cDanger__HgXsJ {
   background-color: transparent;
   border-color: transparent !important;
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cDanger__HgXsJ:hover {
-  background-color: rgba(var(--oziko-color-danger-rgb), 0.1);
+  background-color: rgba(var(--color-red-rgb), 0.1);
   border-color: transparent !important;
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cSuccess__KSilh {
   background-color: transparent;
   border-color: transparent !important;
-  color: var(--oziko-color-success);
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cSuccess__KSilh:hover {
-  background-color: rgba(var(--oziko-color-success-rgb), 0.1);
+  background-color: rgba(var(--color-green-rgb), 0.1);
   border-color: transparent !important;
-  color: var(--oziko-color-success);
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cDefault__q58J8 {
   background-color: transparent;
   border-color: transparent !important;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cDefault__q58J8:hover {
-  background-color: rgba(var(--oziko-color-default-rgb), 0.1);
+  background-color: rgba(var(--color-surface-rgb), 0.1);
   border-color: transparent !important;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cSoft__dGX1F {
   background-color: transparent;
   border-color: transparent !important;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vText__rb0VZ.Button-module_cSoft__dGX1F:hover {
-  background-color: rgba(var(--oziko-color-soft-rgb), 0.1);
+  background-color: rgba(var(--color-surface-3-rgb), 0.1);
   border-color: transparent !important;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS {
   border: none;
   background-color: transparent;
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cPrimary__67oy- {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cPrimary__67oy-:hover {
-  color: var(--oziko-color-primary-light);
+  color: var(--color-accent-hover);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cDanger__HgXsJ {
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cDanger__HgXsJ:hover {
-  color: var(--oziko-color-danger-light);
+  color: var(--color-red-light);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cSuccess__KSilh {
-  color: var(--oziko-color-success);
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cSuccess__KSilh:hover {
-  color: var(--oziko-color-success-light);
+  color: var(--color-green-light);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cDefault__q58J8 {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cDefault__q58J8:hover {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cSoft__dGX1F {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .Button-module_button__tvuyP.Button-module_vLink__g4fzS.Button-module_cSoft__dGX1F:hover {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE {
   border: none;
   background-color: transparent;
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cPrimary__67oy- {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cPrimary__67oy-:hover {
-  color: var(--oziko-color-primary-light);
+  color: var(--color-accent-hover);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cDanger__HgXsJ {
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cDanger__HgXsJ:hover {
-  color: var(--oziko-color-danger-light);
+  color: var(--color-red-light);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cSuccess__KSilh {
-  color: var(--oziko-color-success);
+  color: var(--color-green);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cSuccess__KSilh:hover {
-  color: var(--oziko-color-success-light);
+  color: var(--color-green-light);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cDefault__q58J8 {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-muted);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cDefault__q58J8:hover {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cSoft__dGX1F {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-muted);
 }
 .Button-module_button__tvuyP.Button-module_vIcon__U67dE.Button-module_cSoft__dGX1F:hover {
-  color: var(--oziko-color-primary);
+  color: var(--color-accent);
 }
 .Spinner-module_container__tB7r0 {
   position: relative;
@@ -876,7 +1147,7 @@ code {
   width: 100%;
   height: 100%;
   background: rgb(255, 255, 255);
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
 }
 
 .Spinner-module_spinner__yumWc {
@@ -890,19 +1161,19 @@ code {
   position: absolute;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_primary__bhdCC {
-  border-color: var(--oziko-color-primary) var(--oziko-color-primary) var(--oziko-color-primary) transparent;
+  border-color: var(--color-accent) var(--color-accent) var(--color-accent) transparent;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_default__t61tG {
-  border-color: var(--oziko-color-default) var(--oziko-color-default) var(--oziko-color-default) transparent;
+  border-color: var(--color-surface) var(--color-surface) var(--color-surface) transparent;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_success__RTTmC {
-  border-color: var(--oziko-color-success) var(--oziko-color-success) var(--oziko-color-success) transparent;
+  border-color: var(--color-green) var(--color-green) var(--color-green) transparent;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_danger__I8BqU {
-  border-color: var(--oziko-color-danger) var(--oziko-color-danger) var(--oziko-color-danger) transparent;
+  border-color: var(--color-red) var(--color-red) var(--color-red) transparent;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_soft__Ifigt {
-  border-color: var(--oziko-color-soft) var(--oziko-color-soft) var(--oziko-color-soft) transparent;
+  border-color: var(--color-surface-3) var(--color-surface-3) var(--color-surface-3) transparent;
 }
 .Spinner-module_spinner__yumWc.Spinner-module_transparent__r34vk {
   border-color: transparent transparent transparent transparent;
@@ -949,14 +1220,14 @@ code {
   cursor: pointer;
 }
 .Checkbox-module_container__v4ouY.Checkbox-module_disabled__PAavY {
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
   cursor: default;
 }
 .Checkbox-module_container__v4ouY.Checkbox-module_disabled__PAavY label {
   cursor: default !important;
 }
 .Checkbox-module_container__v4ouY:not(.Checkbox-module_disabled__PAavY):hover .Checkbox-module_checkbox__tiPi8 label {
-  border-color: var(--oziko-color-primary);
+  border-color: var(--color-accent);
 }
 .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8 {
   display: flex;
@@ -974,53 +1245,54 @@ code {
   justify-content: center;
   width: 14px;
   height: 14px;
-  border: var(--oziko-border-default);
-  border-radius: var(--oziko-border-radius-sm);
+  border: var(--border-default);
+  border-radius: var(--radius-sm);
   cursor: pointer;
-  transition: all var(--oziko-transition-duration) ease;
+  transition: all var(--transition-base) ease;
 }
 .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8 label::after {
   content: "✓";
-  font-size: var(--oziko-font-size-md);
+  font-size: var(--font-size-lg);
   color: white;
   opacity: 0;
-  transition: opacity var(--oziko-transition-duration) ease;
+  transition: opacity var(--transition-base) ease;
 }
 .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8 input[type=checkbox]:checked + label, .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8.Checkbox-module_indeterminate__GxPm3 input[type=checkbox] + label {
-  background-color: var(--oziko-color-primary);
-  border-color: var(--oziko-color-primary);
+  background-color: var(--color-accent);
+  border-color: var(--color-accent);
 }
 .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8 input[type=checkbox]:checked + label::after, .Checkbox-module_container__v4ouY .Checkbox-module_checkbox__tiPi8.Checkbox-module_indeterminate__GxPm3 input[type=checkbox] + label::after {
   opacity: 1;
 }
 .Chip-module_chip__DLgqh {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
-  border-radius: var(--oziko-border-radius-round);
-  padding: 6px 6px 6px var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
+  border-radius: var(--radius-full);
+  padding: 6px 6px 6px var(--spacing-9);
+  font-size: var(--font-size-lg);
 }
 .Chip-module_chip__DLgqh input {
   padding: 0;
 }
 .Chip-module_chip__DLgqh.Chip-module_outlined__1seXI {
-  border: 1px solid var(--oziko-color-border);
+  border: 1px solid var(--color-border);
   background-color: transparent;
 }
 .Chip-module_chip__DLgqh.Chip-module_filled__iKdFt {
-  background-color: var(--oziko-color-soft-hover);
+  background-color: var(--color-surface-2);
   border: none;
 }
 .Chip-module_chip__DLgqh.Chip-module_noButton__nEh-- {
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  padding: var(--spacing-9) var(--spacing-12);
 }
 .Chip-module_chip__DLgqh .Chip-module_closeButton__83TVb {
   border: 0;
   padding: 0;
-  height: var(--oziko-icon-size-md);
+  height: var(--size-icon-md);
 }
 .Color-module_color__icl6l input {
   cursor: pointer;
@@ -1029,12 +1301,12 @@ code {
   border: none;
   width: 12px;
   height: 12px;
-  border-radius: var(--oziko-border-radius-circle);
-  border: var(--oziko-border-default);
+  border-radius: var(--radius-full);
+  border: var(--border-default);
 }
 .Color-module_color__icl6l input::-webkit-color-swatch, .Color-module_color__icl6l input::-webkit-color-swatch-wrapper {
   border: none;
-  border-radius: var(--oziko-border-radius-circle);
+  border-radius: var(--radius-full);
   padding: 0;
 }
 /* Color Picker Component Styles */
@@ -1048,8 +1320,8 @@ code {
   width: 100%;
   height: 32px;
   border-radius: 8px;
-  border: var(--oziko-border-default);
-  background: var(--oziko-background-default);
+  border: var(--border-default);
+  background: var(--color-surface);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -1198,7 +1470,7 @@ code {
   top: 50%;
   width: 10px;
   height: 10px;
-  border: 2px solid var(--oziko-color-default);
+  border: 2px solid var(--color-surface);
   border-radius: 50%;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
   transform: translate(-50%, -50%);
@@ -1212,22 +1484,22 @@ code {
 }
 .ColorPicker-module_controls__yQfEz .ColorPicker-module_formatSelect__5tLPh {
   height: 32px;
-  border: var(--oziko-border-default) !important;
-  border-radius: var(--oziko-border-radius-md) !important;
+  border: var(--border-default) !important;
+  border-radius: var(--radius-md) !important;
   font-weight: 500;
   outline: none;
   cursor: pointer;
   padding: 0 8px !important;
 }
 .ColorPicker-module_controls__yQfEz .ColorPicker-module_formatSelect__5tLPh span {
-  font-size: var(--oziko-font-size-xs) !important;
+  font-size: var(--font-size-xs) !important;
 }
 
 .ColorPicker-module_colorInput__6ajlG {
-  border: var(--oziko-border-default) !important;
-  font-size: var(--oziko-font-size-sm) !important;
-  padding: 0 var(--oziko-padding-sm) !important;
-  border-radius: var(--oziko-border-radius-md);
+  border: var(--border-default) !important;
+  font-size: var(--font-size-base) !important;
+  padding: 0 var(--spacing-4) !important;
+  border-radius: var(--radius-md);
 }
 
 .ColorPicker-module_colorInput__6ajlG.ColorPicker-module_error__tj3WS {
@@ -1236,12 +1508,12 @@ code {
 }
 
 .ColorPicker-module_alphaInputContainer__-RszK {
-  border: var(--oziko-border-default) !important;
-  border-radius: var(--oziko-border-radius-md) !important;
-  font-size: var(--oziko-font-size-sm) !important;
+  border: var(--border-default) !important;
+  border-radius: var(--radius-md) !important;
+  font-size: var(--font-size-base) !important;
   display: flex;
   align-items: center;
-  padding-right: var(--oziko-padding-sm) !important;
+  padding-right: var(--spacing-4) !important;
 }
 
 .ColorPicker-module_alphaInput__IcWZ- {
@@ -1271,14 +1543,21 @@ code {
   inset: 0;
 }
 .Select-module_container__txDHr {
-  background: var(--oziko-color-zebra);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border-radius: var(--oziko-border-radius-md);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-sm);
   cursor: pointer;
+  overflow: hidden;
+  transition: border-color var(--transition-border), box-shadow var(--transition-border);
+}
+.Select-module_container__txDHr:hover {
+  border-color: var(--color-border-strong);
 }
 .Select-module_container__txDHr.Select-module_disabled__RJ71M {
-  cursor: default;
-  opacity: var(--oziko-disabled-opacity);
+  cursor: not-allowed;
+  opacity: var(--opacity-disabled);
+  pointer-events: none;
 }
 .Select-module_container__txDHr .Select-module_displayer__gzmxI {
   display: -webkit-box;
@@ -1287,17 +1566,295 @@ code {
   text-overflow: ellipsis;
   width: unset;
   -webkit-line-clamp: 1;
+  padding: 0 var(--spacing-10);
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+}
+.Select-module_container__txDHr .Select-module_displayer__gzmxI.Select-module_placeholder__dz1y2 {
+  color: var(--color-text-muted);
+}
+.Select-module_container__txDHr .Select-module_searchInline__gy2ev {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+  padding: 0 var(--spacing-10);
+  width: 100%;
+}
+.Select-module_container__txDHr .Select-module_searchInline__gy2ev::placeholder {
+  color: var(--color-text-muted);
+}
+
+.Select-module_prefixSlot__EIL1F {
+  width: 36px;
+  border-right: 1px solid var(--color-border);
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+}
+
+.Select-module_suffixGroup__Lc3lr {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+}
+
+.Select-module_arrowSep__q5JeI {
+  width: 1px;
+  background: var(--color-border);
+  align-self: stretch;
+}
+
+.Select-module_arrowBtn__QCIZd {
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  transition: color var(--transition-fast);
+}
+.Select-module_arrowBtn__QCIZd:hover {
+  color: var(--color-text-primary);
+}
+.Select-module_arrowBtn__QCIZd.Select-module_arrowBtnOpen__gfL7E {
+  color: var(--color-accent);
+}
+
+.Select-module_clearBtn__0rDoz {
+  width: 28px;
+  color: var(--color-text-muted);
+  transition: color var(--transition-fast);
+}
+.Select-module_clearBtn__0rDoz:hover {
+  color: var(--color-danger);
+}
+
+.Select-module_arrowOpen__JPSGh {
+  transform: rotate(180deg);
+  transition: transform var(--transition-base);
+}
+
+.Select-module_multiTrigger__SZLf1 {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--spacing-5);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-sm);
+  padding: var(--spacing-6) var(--spacing-8);
+  min-height: 40px;
+  cursor: text;
+  transition: border-color var(--transition-border), box-shadow var(--transition-border);
+}
+.Select-module_multiTrigger__SZLf1:hover {
+  border-color: var(--color-border-strong);
+}
+.Select-module_multiTrigger__SZLf1.Select-module_open__0pzBm {
+  border-color: var(--color-accent);
+  box-shadow: 0 0 0 3px var(--color-accent-subtle), var(--shadow-sm);
+}
+.Select-module_multiTrigger__SZLf1.Select-module_disabled__RJ71M {
+  opacity: var(--opacity-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.Select-module_msInput__Ihtko {
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+  min-width: 80px;
+  flex: 1;
+  padding: var(--spacing-2) var(--spacing-4);
+}
+.Select-module_msInput__Ihtko::placeholder {
+  color: var(--color-text-muted);
+}
+
+.Select-module_msControls__3TZJM {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  flex-shrink: 0;
+  align-self: flex-start;
+  margin-top: 2px;
+}
+
+.Select-module_msCtrlBtn__hHzMt {
+  width: 26px;
+  height: 26px;
+  border-radius: var(--radius-sm);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-muted);
+  transition: background var(--transition-fast), color var(--transition-fast);
+  padding: 0;
+}
+.Select-module_msCtrlBtn__hHzMt:hover {
+  background: var(--color-surface-2);
+  color: var(--color-text-secondary);
+}
+.Select-module_msCtrlBtn__hHzMt.Select-module_clearBtn__0rDoz:hover {
+  color: var(--color-danger);
+}
+
+.Select-module_msSep__HUgfM {
+  width: 1px;
+  height: 16px;
+  background: var(--color-border);
+  margin: 0 var(--spacing-2);
 }
 
 .Select-module_selectDropdown__HBmga {
   position: fixed;
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
   z-index: 1000;
-  height: 100%;
-  max-height: 200px;
+  box-shadow: var(--shadow-lg);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  overflow: hidden;
+}
+
+.Select-module_searchRow__fDvVi {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+  padding: var(--spacing-8) var(--spacing-12);
+  border-bottom: 1px solid var(--color-border);
+  flex-shrink: 0;
+}
+
+.Select-module_searchInput__uq3HG {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  font-size: var(--font-size-md);
+  color: var(--color-text-primary);
+}
+.Select-module_searchInput__uq3HG::placeholder {
+  color: var(--color-text-muted);
+}
+
+.Select-module_optionList__ERu8c {
+  max-height: 220px;
   overflow-y: auto;
-  box-shadow: var(--box-shadow);
-  background: var(--oziko-color-menu-background);
+  padding: var(--spacing-4);
+}
+.Select-module_optionList__ERu8c::-webkit-scrollbar {
+  width: 4px;
+}
+.Select-module_optionList__ERu8c::-webkit-scrollbar-thumb {
+  background: var(--color-border);
+  border-radius: var(--radius-sm);
+}
+
+.Select-module_groupLabel__ubkNx {
+  padding: var(--spacing-7) var(--spacing-10) var(--spacing-4);
+  font-size: var(--font-size-2xs);
+  font-weight: 700;
+  letter-spacing: 0.09em;
+  text-transform: uppercase;
+  color: var(--color-text-muted);
+}
+
+.Select-module_groupDivider__fUqHr {
+  height: 1px;
+  background: var(--color-border);
+  margin: var(--spacing-4) 0;
+}
+
+.Select-module_addNewRow__Lzv7c {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-9);
+  padding: var(--spacing-7) var(--spacing-10);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  color: var(--color-accent);
+  font-weight: 500;
+  transition: background var(--transition-fast);
+}
+.Select-module_addNewRow__Lzv7c:hover {
+  background: var(--color-accent-subtle);
+}
+
+.Select-module_addNewIcon__JBoq5 {
+  width: 16px;
+  height: 16px;
+  border-radius: var(--radius-xs);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1.5px solid var(--color-accent);
+  background: var(--color-accent-subtle);
+  flex-shrink: 0;
+}
+
+.Select-module_emptyState__5-msw {
+  padding: var(--spacing-16);
+  text-align: center;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-muted);
+}
+
+.Select-module_footer__ZuBPD {
+  padding: var(--spacing-8) var(--spacing-12);
+  border-top: 1px solid var(--color-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  gap: var(--spacing-8);
+}
+
+.Select-module_selectAll__kZn3w {
+  font-size: var(--font-size-xs);
+  color: var(--color-accent);
+  cursor: pointer;
+  font-weight: 500;
+  transition: opacity var(--transition-fast);
+}
+.Select-module_selectAll__kZn3w:hover {
+  opacity: 0.7;
+}
+
+.Select-module_clearAll__fBtaR {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-muted);
+  cursor: pointer;
+  transition: color var(--transition-fast);
+}
+.Select-module_clearAll__fBtaR:hover {
+  color: var(--color-danger);
+}
+
+.Select-module_countBadge__XudDB {
+  font-size: var(--font-size-2xs);
+  font-weight: 600;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  padding: 2px var(--spacing-7);
+  border-radius: var(--radius-sm);
+  flex-shrink: 0;
 }
 .Portal-module_container__QcS9f {
   position: fixed;
@@ -1308,17 +1865,17 @@ code {
 }
 .SelectOption-module_option__wQb8V {
   cursor: pointer;
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  padding: var(--spacing-9) var(--spacing-12);
 }
 .SelectOption-module_option__wQb8V:not(.SelectOption-module_disabled__m5fGS):hover {
-  background: var(--oziko-color-zebra);
+  background: var(--color-surface-2);
 }
 .SelectOption-module_option__wQb8V.SelectOption-module_selected__A6Rky {
-  background: var(--oziko-color-zebra);
+  background: var(--color-surface-2);
 }
 .SelectOption-module_option__wQb8V.SelectOption-module_disabled__m5fGS {
   cursor: default;
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
 }
 .SelectOption-module_option__wQb8V .SelectOption-module_displayer__lEn8X {
   display: -webkit-box;
@@ -1328,12 +1885,19 @@ code {
   width: unset;
   -webkit-line-clamp: 1;
 }
+.SelectOption-module_option__wQb8V .SelectOption-module_description__-xeDo {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+  white-space: nowrap;
+  padding-right: var(--spacing-4);
+}
 .DashboardItem-module_container__Cu2fp .DashboardItem-module_settingButton__EVb24 {
   width: 35px;
   height: 35px;
 }
 .DashboardItem-module_container__Cu2fp .DashboardItem-module_header__1Ltls {
-  border-bottom: var(--oziko-border-default);
+  border-bottom: var(--border-default);
 }
 .DashboardItem-module_container__Cu2fp .DashboardItem-module_chartContainer__xibFh {
   height: 100%;
@@ -1344,29 +1908,29 @@ code {
   width: 100% !important;
 }
 .Section-module_sectionContainer__qECl2 {
-  background-color: var(--oziko-color-menu-background);
+  background-color: var(--color-surface);
 }
 .Section-module_sectionContainer__qECl2 .Section-module_header__1oDhY,
 .Section-module_sectionContainer__qECl2 .Section-module_content__3PfOv,
 .Section-module_sectionContainer__qECl2 .Section-module_footer__KPdum {
-  padding: var(--oziko-padding-xl);
-  color: var(--oziko-font-color);
-  font-size: var(--oziko-font-size-md);
+  padding: var(--spacing-14);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-lg);
   font-weight: 700;
 }
 .Section-module_sectionContainer__qECl2 .Section-module_header__1oDhY {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-radius: var(--oziko-border-radius-md) var(--oziko-border-radius-md) 0 0;
-  border-bottom: 1px solid var(--oziko-color-border);
+  border-radius: var(--radius-md) var(--radius-md) 0 0;
+  border-bottom: 1px solid var(--color-border);
 }
 .Section-module_sectionContainer__qECl2 .Section-module_content__3PfOv {
   flex: 1;
 }
 .Section-module_sectionContainer__qECl2 .Section-module_footer__KPdum {
-  border-radius: 0 0 var(--oziko-border-radius-md) var(--oziko-border-radius-md);
-  border-top: 1px solid var(--oziko-color-border);
+  border-radius: 0 0 var(--radius-md) var(--radius-md);
+  border-top: 1px solid var(--color-border);
 }
 .DatePicker-module_datePicker__9BVwE {
   border: none !important;
@@ -1374,12 +1938,12 @@ code {
   outline: none;
   background-color: transparent !important;
   padding: 0;
-  font-size: var(--oziko-font-size-base);
+  font-size: var(--font-size-lg);
   box-shadow: none;
   width: 100%;
 }
 .DatePicker-module_datePicker__9BVwE input {
-  font-size: var(--oziko-font-size-base);
+  font-size: var(--font-size-lg);
   height: 16px !important;
   background-color: transparent;
   line-height: unset !important;
@@ -1421,10 +1985,10 @@ code {
 
 .Popover-module_content__TTNdo {
   position: absolute;
-  box-shadow: var(--box-shadow);
-  padding: var(--oziko-padding-md);
-  border-radius: var(--oziko-border-radius-md);
-  background: var(--oziko-color-menu-background);
+  box-shadow: var(--shadow-md);
+  padding: var(--spacing-9);
+  border-radius: var(--radius-md);
+  background: var(--color-surface);
 }
 
 .Popover-module_arrow__ODp-E {
@@ -1493,7 +2057,24 @@ code {
   height: 100%;
 }
 .Backdrop-module_container__IkwCT.Backdrop-module_showBackdrop__MMIy- {
-  background-color: rgba(53, 52, 52, 0.651);
+  background-color: var(--color-overlay);
+}
+.Divider-module_divider__Xu8nw {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-9);
+}
+.Divider-module_divider__Xu8nw .Divider-module_line__-sIWA {
+  flex: 1;
+  height: 1px;
+  background: var(--color-border);
+}
+.Divider-module_divider__Xu8nw .Divider-module_label__aN-K6 {
+  font-size: var(--font-size-sm);
+  font-family: var(--font-sans);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-muted);
+  white-space: nowrap;
 }
 .DropList-module_container__OfA7W {
   overflow: auto;
@@ -1508,11 +2089,11 @@ code {
   height: 30px;
 }
 .DropList-module_container__OfA7W button {
-  border-radius: var(--oziko-border-radius-circle) !important;
-  background: var(--oziko-color-background-secondary) !important;
-  color: var(--oziko-color-font-primary) !important;
-  border: var(--oziko-border-default) !important;
-  border-color: var(--oziko-color-background-secondary) !important;
+  border-radius: var(--radius-full) !important;
+  background: var(--color-surface-3) !important;
+  color: var(--color-text-primary) !important;
+  border: var(--border-default) !important;
+  border-color: var(--color-surface-3) !important;
 }
 .DropList-module_container__OfA7W button.DropList-module_active__3guYr {
   background: transparent !important;
@@ -1532,28 +2113,29 @@ code {
   margin-bottom: 3px;
 }
 .DropList-module_container__OfA7W .DropList-module_dropListItemContainer__9xeGb .DropList-module_deleteButton__zG9N6:hover {
-  background: var(--oziko-color-default) !important;
+  background: var(--color-surface) !important;
 }
 .DropList-module_container__OfA7W .DropList-module_addButtonContent__ISPbG {
   margin-bottom: 3px;
 }
 .InputHeader-module_inputHeaderContainer__ozfOk {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  padding: var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  padding: var(--spacing-9);
+  font-size: var(--font-size-lg);
 }
 .InputHeader-module_inputHeaderContainer__ozfOk input {
   padding: 0;
 }
 .Json-module_jsonContainer__cv8rx {
-  color: #000000;
-  font-size: var(--oziko-font-size-md);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-lg);
 }
 .ListRow-module_rowContainer__5LCRb {
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
 }
 /* required styles */
 
@@ -2220,7 +2802,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .Map-module_map__BEwEi {
   height: 100%;
   width: 100%;
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
 }
 .Map-module_map__BEwEi .leaflet-control-container .leaflet-bottom {
   display: none !important;
@@ -2242,14 +2824,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 .Modal-module_modalContent__HNEeB {
   position: relative;
-  background-color: var(--oziko-color-menu-background);
+  background-color: var(--color-surface);
   min-height: 250px;
   min-width: 400px;
   max-width: 90%;
   max-height: 90%;
-  padding: var(--oziko-padding-md);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--oziko-border-radius-md);
+  padding: var(--spacing-9);
+  box-shadow: var(--shadow-md);
+  border-radius: var(--radius-md);
 }
 .Modal-module_modalContent__HNEeB.Modal-module_noOverflow__oJ1i- {
   max-height: none;
@@ -2260,17 +2842,17 @@ svg.leaflet-image-layer.leaflet-interactive path {
   position: absolute;
   top: 0;
   right: 0;
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
   cursor: pointer;
 }
 .Modal-module_modalContent__HNEeB.Modal-module_growFromCenter__2PYLC {
-  animation: Modal-module_growFromCenter__2PYLC var(--oziko-transition-duration) forwards ease;
+  animation: Modal-module_growFromCenter__2PYLC var(--transition-base) forwards ease;
 }
 .Modal-module_modalContent__HNEeB.Modal-module_zoomIn__QNDuv {
-  animation: Modal-module_classicModalZoom__W6Xhj var(--oziko-transition-duration) forwards linear;
+  animation: Modal-module_classicModalZoom__W6Xhj var(--transition-base) forwards linear;
 }
 .Modal-module_modalContent__HNEeB.Modal-module_shake__b-lIf {
-  animation: Modal-module_shake__b-lIf var(--oziko-transition-duration) ease-in-out;
+  animation: Modal-module_shake__b-lIf var(--transition-base) ease-in-out;
 }
 @keyframes Modal-module_growFromCenter__2PYLC {
   0% {
@@ -2304,26 +2886,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
   }
 }
 .ModalHeader-module_modalHeader__Tn8TM {
-  color: var(--oziko-color-font-primary);
-  font-size: var(--oziko-font-size-lg);
-  padding: var(--oziko-padding-md);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-lg);
+  padding: var(--spacing-9);
 }
 .ModalBody-module_modalBody__WKtQo {
-  color: var(--oziko-color-font-primary);
-  font-size: var(--oziko-font-size-lg);
-  padding: var(--oziko-padding-md);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-lg);
+  padding: var(--spacing-9);
   flex: 1;
   overflow-y: auto;
 }
 .ModalFooter-module_modalFooter__uS-Sd {
-  color: var(--oziko-color-font-primary);
-  font-size: var(--oziko-font-size-lg);
-  padding: var(--oziko-padding-md);
+  color: var(--color-text-primary);
+  font-size: var(--font-size-lg);
+  padding: var(--spacing-9);
 }
 .StorageFileCard-module_container__Qj11y {
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
   justify-content: space-between !important;
-  background: var(--oziko-color-menu-background);
+  background: var(--color-surface);
 }
 .StorageFileCard-module_container__Qj11y:hover {
   cursor: pointer;
@@ -2331,12 +2913,12 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .StorageFileCard-module_container__Qj11y .StorageFileCard-module_viewContainer__MEXDI {
   flex: 1;
   overflow: hidden;
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
 }
 .StorageFileCard-module_container__Qj11y .StorageFileCard-module_viewContainer__MEXDI img,
 .StorageFileCard-module_container__Qj11y .StorageFileCard-module_viewContainer__MEXDI embed {
   width: 100%;
-  max-height: calc(85% - 2 * var(--oziko-padding-lg));
+  max-height: calc(85% - 2 * var(--spacing-12));
   object-fit: contain;
 }
 .StorageFileCard-module_container__Qj11y .StorageFileCard-module_viewContainer__MEXDI .StorageFileCard-module_icon__dL0FE {
@@ -2345,8 +2927,8 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 .StorageFileCard-module_name__U4YHd {
-  border-top: var(--oziko-border-default);
-  padding: var(--oziko-padding-md);
+  border-top: var(--border-default);
+  padding: var(--spacing-9);
   text-align: center;
 }
 .StorageFileCard-module_name__U4YHd span {
@@ -2442,113 +3024,154 @@ svg.leaflet-image-layer.leaflet-interactive path {
   position: absolute;
   left: 3px;
   transition: transform 0.3s ease;
-  background: var(--oziko-color-font-primary);
+  background: var(--color-text-primary);
   border-radius: 100%;
 }
 
 input:checked + .Switch-module_slider__sHGGR {
-  background-color: rgba(var(--oziko-color-primary-rgb), 0.3);
+  background-color: rgba(var(--color-accent-rgb), 0.3);
 }
 
 input:checked + .Switch-module_slider__sHGGR::before {
-  background: var(--oziko-color-primary);
+  background: var(--color-accent);
 }
 .Title-module_title__X4-sx {
   color: #000000;
 }
 .Accordion-module_accordionGroup__qt51Z {
   width: 100%;
-  margin: 0 auto;
 }
 
-.Accordion-module_accordionItem__yV0FU {
+.Accordion-module_item__tuiHV {
   width: 100%;
 }
-.Accordion-module_accordionItem__yV0FU .Accordion-module_icon__ni8rA {
-  transition: all var(--oziko-transition-duration) ease-in-out;
+
+.Accordion-module_borderBottom__ZIZgl {
+  border-bottom: 1px solid var(--color-border);
 }
-.Accordion-module_accordionItem__yV0FU .Accordion-module_icon__ni8rA.Accordion-module_rotate__0j95F {
-  transform: rotate(180deg);
+
+.Accordion-module_bordered__4ZbV1 {
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  box-shadow: var(--shadow-sm);
 }
 
-.Accordion-module_accordionTitle__JkcQk {
-  width: 100%;
-  padding: var(--oziko-padding-lg);
-  text-align: left;
-  border: none;
-  cursor: pointer;
+.Accordion-module_disabled__hEgU1 {
+  opacity: 0.45;
+  pointer-events: none;
+}
+
+.Accordion-module_header__OHaH8 {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px 9px;
+  cursor: pointer;
+  user-select: none;
+  transition: background var(--transition-fast);
+  width: 100%;
 }
-.Accordion-module_accordionTitle__JkcQk:hover {
-  background: var(--oziko-color-soft);
+.Accordion-module_header__OHaH8:hover:not(.Accordion-module_noHover__ygQ1S) {
+  background: var(--color-surface-2);
 }
-.Accordion-module_accordionTitle__JkcQk:hover .Accordion-module_suffixOnHover__hHfy1 {
+.Accordion-module_header__OHaH8:hover:not(.Accordion-module_noHover__ygQ1S) .Accordion-module_chevron__ur-Kx.Accordion-module_onHover__Y1XLa {
   opacity: 1;
 }
-.Accordion-module_accordionTitle__JkcQk.Accordion-module_open__C3ogj {
-  background: var(--oziko-color-soft);
+
+.Accordion-module_noHover__ygQ1S:hover {
+  background: transparent !important;
 }
-.Accordion-module_accordionTitle__JkcQk.Accordion-module_open__C3ogj:hover.Accordion-module_noBackgroundOnHover__MnluI {
-  background: var(--oziko-color-soft);
+
+.Accordion-module_titleRow__rNo5y {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
-.Accordion-module_accordionTitle__JkcQk.Accordion-module_noBackgroundOnFocus__nmKN9 {
-  background: transparent;
+
+.Accordion-module_iconSlot__vOYJ5 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
 }
 
-.Accordion-module_accordionContent__VnGTH {
-  background: white;
-  width: 100%;
+.Accordion-module_title__BIAFf {
+  font-size: var(--accordion-title-font-size, 12px);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-secondary);
+}
+
+.Accordion-module_chevron__ur-Kx {
+  color: var(--color-text-muted);
+  transition: transform 0.2s;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+.Accordion-module_chevron__ur-Kx.Accordion-module_open__C3ogj {
+  transform: rotate(180deg);
+}
+.Accordion-module_chevron__ur-Kx.Accordion-module_onHover__Y1XLa {
+  opacity: 0;
+  transition: transform 0.2s, opacity var(--transition-fast);
+}
+
+.Accordion-module_body__elws- {
   display: grid;
   grid-template-rows: 0fr;
   opacity: 0;
-  transition: all var(--oziko-transition-duration) ease-in-out;
-  padding-left: var(--oziko-padding-lg);
-  padding-right: var(--oziko-padding-lg);
+  overflow: hidden;
+  transition: grid-template-rows var(--transition-base) ease-in-out, opacity var(--transition-base) ease-in-out;
 }
-.Accordion-module_accordionContent__VnGTH.Accordion-module_open__C3ogj {
+.Accordion-module_body__elws-.Accordion-module_bodyOpen__xTYTE {
   grid-template-rows: 1fr;
   opacity: 1;
-  padding-bottom: var(--oziko-padding-lg);
-  padding-top: var(--oziko-padding-lg);
 }
 
-.Accordion-module_accordionContentInner__dFM3D {
+.Accordion-module_bodyInner__c0tFg {
   overflow: hidden;
 }
 
-.Accordion-module_bordered__4ZbV1 {
-  border: var(--oziko-border-default);
-}
-
 .Accordion-module_suffixOnHover__hHfy1 {
   opacity: 0;
-  transition: all var(--oziko-transition-duration) ease;
+  transition: opacity var(--transition-base) ease;
 }
 .NavigatorItem-module_navigatorItem__wZkYp {
-  padding: var(--oziko-padding-md);
-  color: var(--oziko-color-font-primary);
+  padding: var(--spacing-4) var(--spacing-5);
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-base-plus);
+  font-family: var(--font-sans);
+  border-radius: var(--radius-md);
+  transition: background var(--transition-fast), color var(--transition-fast);
 }
 .NavigatorItem-module_navigatorItem__wZkYp .NavigatorItem-module_suffixButton__4TRQD {
   border: 0;
   padding: 0;
-  width: var(--oziko-icon-size-sm);
-  height: var(--oziko-icon-size-sm);
+  width: var(--size-icon-sm);
+  height: var(--size-icon-sm);
   opacity: 0;
   transition: opacity 0.1s ease-in-out;
 }
 .NavigatorItem-module_navigatorItem__wZkYp:hover {
   cursor: pointer;
+  background: var(--color-surface-2);
+  color: var(--color-text-primary);
 }
 .NavigatorItem-module_navigatorItem__wZkYp:hover .NavigatorItem-module_suffixButton__4TRQD {
   opacity: 1;
 }
+.NavigatorItem-module_navigatorItem__wZkYp.NavigatorItem-module_active__DMLeL {
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  font-weight: var(--font-weight-medium);
+}
+.NavigatorItem-module_navigatorItem__wZkYp.NavigatorItem-module_active__DMLeL .NavigatorItem-module_suffixButton__4TRQD {
+  opacity: 1;
+}
 .SSOButton-module_ssoButton__UJTqm {
-  border-radius: var(--oziko-border-radius-lg);
-  padding: var(--oziko-padding-xl);
-  background: var(--oziko-color-menu-background);
-  border: 1px solid var(--oziko-color-border);
+  border-radius: var(--radius-2xl);
+  padding: var(--spacing-14);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
 }
 .SSOButton-module_ssoButton__UJTqm .SSOButton-module_text__TOexm {
   display: -webkit-box;
@@ -2561,45 +3184,45 @@ input:checked + .Switch-module_slider__sHGGR::before {
   white-space: nowrap;
 }
 .SSOButton-module_ssoButton__UJTqm.SSOButton-module_clicked__ubyV- {
-  border-color: var(--oziko-color-primary);
+  border-color: var(--color-accent);
 }
 .SSOButton-module_ssoButton__UJTqm .SSOButton-module_active__kBZGN {
-  color: var(--oziko-color-primary) !important;
+  color: var(--color-accent) !important;
 }
 .StorageFilter-module_container__ZnTbe {
-  background: var(--oziko-color-menu-background);
-  padding: var(--oziko-padding-md);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--oziko-border-radius-md);
+  background: var(--color-surface);
+  padding: var(--spacing-9);
+  box-shadow: var(--shadow-md);
+  border-radius: var(--radius-md);
 }
 .StorageFilter-module_container__ZnTbe .StorageFilter-module_select__DyJK0 {
   background: none;
   padding: 0;
 }
 .StorageFilter-module_container__ZnTbe .StorageFilter-module_content__-Mtu6 {
-  padding: var(--oziko-padding-sm) var(--oziko-padding-md);
-  border: var(--oziko-border-default);
-  border-radius: var(--oziko-border-radius-md);
+  padding: var(--spacing-4) var(--spacing-9);
+  border: var(--border-default);
+  border-radius: var(--radius-md);
 }
 .StorageFilter-module_container__ZnTbe .StorageFilter-module_content__-Mtu6 .StorageFilter-module_left__uaxf1 {
-  border-right: var(--oziko-border-default);
+  border-right: var(--border-default);
 }
 .StorageFilter-module_container__ZnTbe .StorageFilter-module_chip__V-Qgq {
-  font-size: var(--oziko-font-size-sm);
-  border-radius: var(--oziko-border-radius-md);
-  padding: var(--oziko-padding-sm) var(--oziko-padding-md) !important;
+  font-size: var(--font-size-base);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-4) var(--spacing-9) !important;
   cursor: pointer;
   justify-content: space-between !important;
 }
 .StorageFilter-module_container__ZnTbe .StorageFilter-module_chip__V-Qgq.StorageFilter-module_active__pDnAF {
-  border-color: var(--oziko-color-primary);
+  border-color: var(--color-accent);
 }
 .Timeline-module_pan__6qEQq {
   padding: 0 !important;
   height: unset;
 }
 .Timeline-module_pan__6qEQq svg {
-  color: #5187ed;
+  color: var(--color-blue);
 }
 
 .Timeline-module_container__s3lvD {
@@ -2607,14 +3230,14 @@ input:checked + .Switch-module_slider__sHGGR::before {
 }
 .Timeline-module_container__s3lvD .Timeline-module_date__z5hHi {
   min-width: 120px;
-  border: 1.5px solid #5187ed;
-  border-radius: var(--oziko-border-radius-round);
-  padding: var(--oziko-padding-sm) var(--oziko-padding-md);
+  border: 1.5px solid var(--color-blue);
+  border-radius: var(--radius-full);
+  padding: var(--spacing-4) var(--spacing-9);
   position: absolute;
   bottom: -10px;
-  background: white;
-  color: #5187ed !important;
-  font-size: var(--oziko-font-size-sm) !important;
+  background: var(--color-surface);
+  color: var(--color-blue) !important;
+  font-size: var(--font-size-base) !important;
   font-weight: 600;
 }
 .Timeline-module_container__s3lvD .Timeline-module_date__z5hHi.Timeline-module_from__K9jIK {
@@ -2626,7 +3249,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
 .DraggableBar-module_bar__TpW1R {
   cursor: grab;
   position: absolute;
-  border-left: 2px dashed var(--oziko-color-primary-light);
+  border-left: 2px dashed var(--color-accent-hover);
   height: 100px;
 }
 .DraggableBar-module_bar__TpW1R::after {
@@ -2637,7 +3260,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
   width: 14px;
   height: 14px;
   border-radius: 100%;
-  background: var(--oziko-color-primary-light);
+  background: var(--color-accent-hover);
 }
 .DashboardLayout-module_layoutContainer__wOGEu {
   width: 100%;
@@ -2650,24 +3273,24 @@ input:checked + .Switch-module_slider__sHGGR::before {
 .DashboardLayout-module_layoutContainer__wOGEu .DashboardLayout-module_addNewComponent__Gan9z .DashboardLayout-module_plusIcon__yQQHP {
   width: 100px;
   height: 100px;
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 
 .DashboardLayout-module_gridItem__NtXI- {
   display: flex;
-  background-color: var(--oziko-color-menu-background);
-  border-radius: var(--oziko-border-radius-md);
+  background-color: var(--color-surface);
+  border-radius: var(--radius-md);
   overflow: hidden;
 }
 .MenuGroup-module_container__VQaFb {
-  background-color: var(--oziko-color-menu-background);
-  border-radius: var(--oziko-border-radius-md);
-  box-shadow: var(--box-shadow);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-md);
+  color: var(--color-text-primary);
 }
 
 .MenuGroup-module_menuSection__Nfvar {
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
 }
 .MenuGroup-module_menuSection__Nfvar .MenuGroup-module_label__5skIC {
   width: 100%;
@@ -2677,7 +3300,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
   text-overflow: ellipsis;
   width: unset;
   -webkit-line-clamp: 1;
-  color: var(--oziko-color-input-placeholder);
+  color: var(--color-text-muted);
 }
 
 .MenuGroup-module_noDivider__7fIo3 {
@@ -2685,78 +3308,168 @@ input:checked + .Switch-module_slider__sHGGR::before {
 }
 
 .MenuGroup-module_container__VQaFb > *:not(:last-child) {
-  border-bottom: 1px solid var(--oziko-color-border);
+  border-bottom: 1px solid var(--color-border);
 }
-.Table-module_table__7BBwk {
+/* ── Table root wrapper ──────────────────────────────────────────────────── */
+.Table-module_tableRoot__1avzZ {
   display: flex;
-  border: 1px solid var(--oziko-color-border);
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
-.Table-module_fixedColumns__fjVOb {
-  position: sticky !important;
-  left: 0;
-  z-index: 1;
+/* ── Table scroll area ────────────────────────────────────────────────────── */
+.Table-module_tableArea__tv-aK {
+  overflow: auto;
+  position: relative;
 }
-
-.Table-module_scrollableColumns__PzDZ9 {
-  overflow-x: auto;
+.Table-module_tableArea__tv-aK::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
 }
-
-.Table-module_column__daVNe {
-  flex: 1;
-  position: relative;
+.Table-module_tableArea__tv-aK::-webkit-scrollbar-thumb {
+  background: var(--color-border-mid);
+  border-radius: 3px;
 }
-.Table-module_column__daVNe:not(:last-child) {
-  border-right: 1px solid var(--oziko-color-border);
+.Table-module_tableArea__tv-aK::-webkit-scrollbar-track {
+  background: transparent;
 }
 
-.Table-module_header__w6wP3 {
-  padding: var(--oziko-padding-md);
-}
-.Table-module_header__w6wP3.Table-module_border__ise22 {
-  border-bottom: 1px solid var(--oziko-color-border);
+/* ── Table element ─────────────────────────────────────────────────────────── */
+.Table-module_table__7BBwk {
+  min-width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  table-layout: fixed;
+  font-family: var(--font-sans);
+  font-size: var(--font-size-base-plus);
+  color: var(--color-text-primary);
 }
 
-.Table-module_cellContainer__3Ltx0 {
-  display: flex;
-  flex-direction: column;
+/* ── Header ────────────────────────────────────────────────────────────────── */
+.Table-module_thead__aNqqv {
+  position: sticky;
+  top: 0;
+  z-index: 10;
 }
 
-.Table-module_cell__K--55 {
-  padding: var(--oziko-padding-sm) var(--oziko-padding-md);
-  display: flex;
-  align-items: center;
-  width: 100%;
-  box-sizing: border-box;
-  min-height: 30px;
-  height: 30px;
+.Table-module_th__i-RJ- {
+  height: 34px;
+  padding: 0 12px;
+  text-align: left;
+  font-size: var(--font-size-sm-plus);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-secondary);
+  background: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border);
+  border-right: 1px solid var(--color-border);
+  white-space: nowrap;
+  overflow: hidden;
+  user-select: none;
+  cursor: default;
+  position: relative;
 }
-.Table-module_cell__K--55:not(:last-child) {
-  border-bottom: 1px solid var(--oziko-color-border);
+.Table-module_th__i-RJ-:last-child {
+  border-right: none;
 }
-.Table-module_cell__K--55 > * {
-  width: 100%;
+.Table-module_th__i-RJ-:hover {
+  background: var(--color-surface-3);
 }
 
-.Table-module_resizer__PTgL3 {
-  width: 3px;
+.Table-module_thContent__TjX0C {
+  display: flex;
+  align-items: center;
+  gap: 5px;
   height: 100%;
-  cursor: ew-resize;
+  overflow: hidden;
+}
+
+.Table-module_thResizer__hoVI- {
   position: absolute;
   right: 0;
   top: 0;
+  width: 4px;
+  height: 100%;
+  cursor: ew-resize;
+  z-index: 1;
   opacity: 0;
-  transition: opacity var(--oziko-transition-duration) ease;
+  background: var(--color-accent-subtle-2);
+  border-radius: 0 2px 2px 0;
+  transition: opacity 0.15s;
+}
+.Table-module_th__i-RJ-:hover .Table-module_thResizer__hoVI- {
+  opacity: 1;
+}
+
+/* ── Body rows ─────────────────────────────────────────────────────────────── */
+.Table-module_tr__vgvDi {
+  background: var(--color-surface);
+  transition: background 0.08s;
+}
+
+.Table-module_trClickable__cKuw- {
+  cursor: pointer;
+}
+.Table-module_trClickable__cKuw-:hover {
+  background: var(--color-surface-2);
+}
+
+.Table-module_skeletonRow__4Lupx {
+  background: var(--color-surface);
+}
+
+/* ── Cells ─────────────────────────────────────────────────────────────────── */
+.Table-module_td__nRKe2 {
+  height: 36px;
+  padding: 0;
+  border-bottom: 1px solid var(--color-border);
+  border-right: 1px solid var(--color-border);
+  vertical-align: middle;
+  overflow: hidden;
+}
+.Table-module_td__nRKe2:last-child {
+  border-right: none;
+}
+
+.Table-module_cellInner__22qRf {
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  overflow: hidden;
+  font-size: var(--font-size-base-plus);
+  color: var(--color-text-primary);
+  white-space: nowrap;
+}
+
+/* ── Sticky (fixed) columns ────────────────────────────────────────────────── */
+.Table-module_stickyCell__Wy2RS {
+  position: sticky !important;
+  z-index: 2;
+  background: inherit;
+}
+.Table-module_stickyCell__Wy2RS::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--color-border);
 }
 
-.Table-module_focusedCell__-1YzJ {
-  border: 1px solid var(--oziko-color-primary) !important;
+thead .Table-module_stickyCell__Wy2RS {
+  z-index: 11;
+  background: var(--color-surface-2);
 }
 
+/* ── Skeleton shimmer ──────────────────────────────────────────────────────── */
 .Table-module_skeletonCell__N0HnJ {
   width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, var(--oziko-color-soft) 0%, var(--oziko-color-soft-light) 50%, var(--oziko-color-soft) 100%);
+  height: 14px;
+  border-radius: 4px;
+  background: linear-gradient(90deg, var(--color-surface-3) 0%, var(--color-surface) 50%, var(--color-surface-3) 100%);
   background-size: 200% 100%;
   animation: Table-module_shimmer__Afx12 1.5s ease-in-out infinite;
 }
@@ -2769,6 +3482,78 @@ input:checked + .Switch-module_slider__sHGGR::before {
     background-position: 200% 0;
   }
 }
+/* ── Empty state ──────────────────────────────────────────────────────────── */
+.Table-module_emptyState__32QNZ {
+  flex: 1;
+  min-height: 300px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 24px 32px;
+}
+
+.Table-module_emptyGhostTable__h2rlv {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  padding: 6px 16px;
+  margin-bottom: 24px;
+  overflow: hidden;
+  width: 100%;
+  max-width: 560px;
+}
+
+.Table-module_emptyGhostRow__mwaEP {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 32px;
+  border-bottom: 1px solid var(--color-border);
+}
+.Table-module_emptyGhostRow__mwaEP:last-child {
+  border-bottom: none;
+}
+
+.Table-module_emptyGhostBar__NgP1d {
+  height: 8px;
+  border-radius: 4px;
+  background: var(--color-border-mid);
+  flex-shrink: 0;
+}
+
+.Table-module_emptyGhostDot__CdQPA {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--color-border-mid);
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.Table-module_emptyTitle__mpf5o {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+  margin-bottom: 6px;
+  text-align: center;
+}
+
+.Table-module_emptyDescription__1IWvD {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
+  max-width: 320px;
+  line-height: 1.6;
+  margin-bottom: 16px;
+  text-align: center;
+}
+
+.Table-module_emptyActions__0mR1- {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+}
 .Notification-module_notificationContainer__AQGHi {
   pointer-events: none;
   box-sizing: border-box;
@@ -2782,22 +3567,22 @@ input:checked + .Switch-module_slider__sHGGR::before {
   position: relative;
   display: flex;
   align-items: flex-start;
-  gap: var(--oziko-gap-md);
+  gap: var(--spacing-9);
   min-width: 320px;
   max-width: 480px;
-  padding: var(--oziko-padding-lg) var(--oziko-padding-xl);
-  background: var(--notif-bg, var(--oziko-color-default));
-  border: var(--oziko-border-default);
-  border-radius: var(--notif-radius, var(--oziko-border-radius-lg));
-  box-shadow: var(--notif-shadow, var(--box-shadow));
-  color: var(--notif-fg, var(--oziko-color-font-primary));
-  font-family: var(--notif-font-family, var(--oziko-font-family-base));
-  font-size: var(--notif-font-size, var(--oziko-font-size-md));
+  padding: var(--spacing-12) var(--spacing-14);
+  background: var(--notif-bg, var(--color-surface));
+  border: var(--border-default);
+  border-radius: var(--notif-radius, var(--radius-2xl));
+  box-shadow: var(--notif-shadow, var(--shadow-md));
+  color: var(--notif-fg, var(--color-text-primary));
+  font-family: var(--notif-font-family, var(--font-sans));
+  font-size: var(--notif-font-size, var(--font-size-lg));
   line-height: var(--notif-line-height, 1.5);
   cursor: pointer;
   pointer-events: auto;
   opacity: 0;
-  transition: all var(--oziko-transition-duration) cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: all var(--transition-base) cubic-bezier(0.645, 0.045, 0.355, 1);
   will-change: transform, opacity;
   transform: translateX(100%) translateY(-20px);
 }
@@ -2851,22 +3636,22 @@ input:checked + .Switch-module_slider__sHGGR::before {
 
 .Notification-module_notificationIcon__GfxMq {
   flex-shrink: 0;
-  margin-top: var(--oziko-padding-xs);
+  margin-top: var(--spacing-2);
 }
 .Notification-module_notificationIcon__GfxMq .notification-icon-info {
-  color: var(--color-info, var(--oziko-color-primary));
+  color: var(--color-info, var(--color-accent));
 }
 .Notification-module_notificationIcon__GfxMq .notification-icon-success {
-  color: var(--color-success, var(--oziko-color-success));
+  color: var(--color-success, var(--color-green));
 }
 .Notification-module_notificationIcon__GfxMq .notification-icon-error {
-  color: var(--color-error, var(--oziko-color-danger));
+  color: var(--color-error, var(--color-red));
 }
 .Notification-module_notificationIcon__GfxMq .notification-icon-warning {
   color: var(--color-warning, #faad14);
 }
 .Notification-module_notificationIcon__GfxMq .notification-icon-loading {
-  color: var(--color-primary, var(--oziko-color-primary));
+  color: var(--color-primary, var(--color-accent));
   animation: Notification-module_spin__NnI0P 1s linear infinite;
 }
 
@@ -2885,53 +3670,53 @@ input:checked + .Switch-module_slider__sHGGR::before {
 
 .Notification-module_notificationMessage__9YbKE {
   font-weight: var(--notif-message-weight, 600);
-  color: var(--notif-message-color, var(--oziko-color-font-primary));
-  margin-bottom: var(--oziko-gap-xs);
+  color: var(--notif-message-color, var(--color-text-primary));
+  margin-bottom: var(--spacing-2);
 }
 .Notification-module_notificationMessage__9YbKE:last-child {
   margin-bottom: 0;
 }
 
 .Notification-module_notificationDescription__1r9AU {
-  color: var(--notif-description-color, var(--oziko-color-input-placeholder));
-  font-size: var(--notif-description-size, var(--oziko-font-size-sm));
+  color: var(--notif-description-color, var(--color-text-muted));
+  font-size: var(--notif-description-size, var(--font-size-base));
   line-height: var(--notif-description-line-height, 1.4);
-  margin-bottom: var(--oziko-gap-md);
+  margin-bottom: var(--spacing-9);
 }
 .Notification-module_notificationDescription__1r9AU:last-child {
   margin-bottom: 0;
 }
 
 .Notification-module_notificationAction__SrLVH {
-  margin-top: var(--oziko-gap-md);
+  margin-top: var(--spacing-9);
 }
 .Notification-module_notificationAction__SrLVH button {
-  background: var(--color-primary, var(--oziko-color-primary));
-  color: var(--color-primary-text, var(--oziko-color-font-secondary));
+  background: var(--color-primary, var(--color-accent));
+  color: var(--color-primary-text, var(--color-on-accent));
   border: none;
-  border-radius: var(--notif-button-radius, var(--oziko-border-radius-sm));
-  padding: var(--oziko-padding-sm) var(--oziko-gap-md);
-  font-size: var(--oziko-font-size-sm);
+  border-radius: var(--notif-button-radius, var(--radius-sm));
+  padding: var(--spacing-4) var(--spacing-9);
+  font-size: var(--font-size-base);
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s;
 }
 .Notification-module_notificationAction__SrLVH button:hover {
-  background: var(--color-primary-hover, var(--oziko-color-primary-light));
+  background: var(--color-primary-hover, var(--color-accent-hover));
 }
 .Notification-module_notificationAction__SrLVH button:active {
-  background: var(--color-primary-active, var(--oziko-color-primary-dark));
+  background: var(--color-primary-active, var(--color-accent-dark));
 }
 
 .Notification-module_notificationClose__1xqz9 {
   flex-shrink: 0;
   background: none;
   border: none;
-  padding: var(--oziko-padding-xs);
-  margin: calc(-1 * var(--oziko-padding-xs)) calc(-1 * var(--oziko-gap-md)) calc(-1 * var(--oziko-padding-xs)) var(--oziko-padding-xs);
+  padding: var(--spacing-2);
+  margin: calc(-1 * var(--spacing-2)) calc(-1 * var(--spacing-9)) calc(-1 * var(--spacing-2)) var(--spacing-2);
   cursor: pointer;
-  border-radius: var(--notif-close-radius, var(--oziko-border-radius-sm));
-  color: var(--notif-close-color, var(--oziko-color-input-placeholder));
+  border-radius: var(--notif-close-radius, var(--radius-sm));
+  color: var(--notif-close-color, var(--color-text-muted));
   transition: all 0.2s;
 }
 .Notification-module_notificationClose__1xqz9:hover {
@@ -2939,7 +3724,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
   color: var(--notif-close-color-hover, #666);
 }
 .Notification-module_notificationClose__1xqz9:focus {
-  outline: 2px solid var(--color-primary, var(--oziko-color-primary));
+  outline: 2px solid var(--color-primary, var(--color-accent));
   outline-offset: 1px;
 }
 .Notification-module_notificationClose__1xqz9:active {
@@ -2951,42 +3736,42 @@ input:checked + .Switch-module_slider__sHGGR::before {
   bottom: 0;
   left: 0;
   right: 0;
-  height: var(--oziko-padding-xs);
-  background: rgba(var(--oziko-color-border-rgb), 0.3);
-  border-radius: 0 0 var(--oziko-border-radius-lg) var(--oziko-border-radius-lg);
+  height: var(--spacing-2);
+  background: rgba(var(--color-border-rgb), 0.3);
+  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
   overflow: hidden;
 }
 
 .Notification-module_notificationProgress__lWMoZ {
   height: 100%;
   transition: width 0.016s linear, opacity 0.2s ease;
-  border-radius: 0 0 var(--oziko-border-radius-lg) var(--oziko-border-radius-lg);
-  background: linear-gradient(90deg, var(--oziko-color-primary), var(--oziko-color-primary-light));
+  border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
+  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));
 }
 
 .Notification-module_notificationItem__a97Y1[data-type=success] .Notification-module_notificationProgress__lWMoZ {
-  background: linear-gradient(90deg, var(--oziko-color-success), var(--oziko-color-success-light));
+  background: linear-gradient(90deg, var(--color-green), var(--color-green-light));
 }
 .Notification-module_notificationItem__a97Y1[data-type=error] .Notification-module_notificationProgress__lWMoZ {
-  background: linear-gradient(90deg, var(--oziko-color-danger), var(--oziko-color-danger-light));
+  background: linear-gradient(90deg, var(--color-red), var(--color-red-light));
 }
 .Notification-module_notificationItem__a97Y1[data-type=warning] .Notification-module_notificationProgress__lWMoZ {
   background: linear-gradient(90deg, #faad14, #ffc53d);
 }
 .Notification-module_notificationItem__a97Y1[data-type=info] .Notification-module_notificationProgress__lWMoZ {
-  background: linear-gradient(90deg, var(--oziko-color-primary), var(--oziko-color-primary-light));
+  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));
 }
 
 .Notification-module_notificationItem__a97Y1:focus {
-  outline: 2px solid var(--color-primary, var(--oziko-color-primary));
+  outline: 2px solid var(--color-primary, var(--color-accent));
   outline-offset: 2px;
 }
 
 @media (max-width: 768px) {
   .Notification-module_notificationItem__a97Y1 {
     min-width: 280px;
-    max-width: calc(100vw - 2 * var(--oziko-padding-xl));
-    margin: 0 var(--oziko-padding-xl);
+    max-width: calc(100vw - 2 * var(--spacing-14));
+    margin: 0 var(--spacing-14);
   }
   .Notification-module_notificationContainer__AQGHi {
     left: 0 !important;
@@ -3021,20 +3806,20 @@ input:checked + .Switch-module_slider__sHGGR::before {
 }
 @media (prefers-color-scheme: dark) {
   .Notification-module_notificationItem__a97Y1 {
-    --notif-bg: var(--oziko-color-background-secondary);
-    --notif-border: var(--oziko-color-border);
-    --notif-fg: var(--oziko-color-font-secondary);
-    --notif-message-color: var(--oziko-color-font-secondary);
-    --notif-description-color: var(--oziko-color-soft);
-    --notif-close-color: var(--oziko-color-input-placeholder);
-    --notif-close-color-hover: var(--oziko-color-font-secondary);
+    --notif-bg: var(--color-surface-3);
+    --notif-border: var(--color-border);
+    --notif-fg: var(--color-on-accent);
+    --notif-message-color: var(--color-on-accent);
+    --notif-description-color: var(--color-surface-3);
+    --notif-close-color: var(--color-text-muted);
+    --notif-close-color-hover: var(--color-on-accent);
     --notif-close-bg-hover: rgba(255, 255, 255, 0.1);
     --notif-close-bg-active: rgba(255, 255, 255, 0.2);
-    --notif-shadow: var(--box-shadow);
+    --notif-shadow: var(--shadow-md);
     --notif-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.6);
   }
   .Notification-module_notificationProgressContainer__FXOGc {
-    background: rgba(var(--oziko-color-soft-light-rgb), 0.2);
+    background: rgba(var(--color-surface-rgb), 0.2);
   }
 }
 .Notification-module_notificationPortal__hmII4 {
@@ -3042,11 +3827,12 @@ input:checked + .Switch-module_slider__sHGGR::before {
   height: unset !important;
 }
 .Array-module_inputMinimized__N3CzD {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
 }
 .Array-module_inputMinimized__N3CzD input {
@@ -3080,9 +3866,9 @@ input:checked + .Switch-module_slider__sHGGR::before {
 }
 
 .Array-module_itemButton__IvXJ4 {
-  background: var(--oziko-color-border) !important;
-  color: var(--oziko-color-font-primary) !important;
-  border-radius: var(--oziko-border-radius-md) !important;
+  background: var(--color-border) !important;
+  color: var(--color-text-primary) !important;
+  border-radius: var(--radius-md) !important;
   height: 100% !important;
 }
 
@@ -3094,8 +3880,8 @@ input:checked + .Switch-module_slider__sHGGR::before {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;
-  background: var(--oziko-color-background-secondary) !important;
-  color: var(--oziko-color-font-primary) !important;
+  background: var(--color-surface-3) !important;
+  color: var(--color-text-primary) !important;
   z-index: 1;
   cursor: pointer;
   width: 20px !important;
@@ -3110,104 +3896,283 @@ input:checked + .Switch-module_slider__sHGGR::before {
   opacity: 1;
   visibility: visible;
 }
+/* ep-field layout */
+.String-module_field__YX61J {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
+}
+
+/* ep-field-head */
+.String-module_fieldHead__a1bGQ {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
+}
+
+/* ep-field-name */
+.String-module_fieldName__bM3n3 {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold); /* 600 */
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
+}
+
+/* ep-field-type badge */
+.String-module_fieldType__ctRZj {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium); /* 500 */
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* field icon: 10×10 */
 .String-module_icon__pKB1k {
-  color: var(--oziko-color-font-primary) !important;
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
 }
 
-.String-module_text__-rE-j {
-  color: var(--oziko-color-input-placeholder) !important;
+/* ep-input container */
+.String-module_inputBox__849Mj {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md); /* 6px */
+  padding: var(--spacing-6) var(--spacing-9); /* 7px 10px */
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-primary);
+  transition: border-color var(--transition-border);
+  width: 100%;
+  cursor: text;
+  display: flex;
+  align-items: center;
+}
+
+/* ep-input:focus */
+.String-module_inputBoxFocused__Yt-mW {
+  border-color: var(--color-accent);
 }
 
+/* naked input inside the box */
+.String-module_input__sXbRz {
+  font-size: var(--font-size-base-plus) !important; /* 12.5px */
+  color: var(--color-text-primary) !important;
+  background: transparent !important;
+  border: none !important;
+  outline: none !important;
+  padding: 0 !important;
+  width: 100%;
+}
+.String-module_input__sXbRz::placeholder {
+  color: var(--color-text-muted) !important;
+}
+
+/* select inside the box */
 .String-module_select__G6d9c {
   background: none !important;
-  padding: var(--oziko-padding-md) 0 !important;
+  border: none !important;
+  padding: 0 !important;
   height: 100% !important;
+  width: 100%;
+}
+
+/* description / helper text */
+.String-module_description__KInTF {
+  color: var(--color-text-muted);
+}
+/* ep-field layout */
+.Number-module_field__p25F7 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
 }
 
-.String-module_baseInput__ieBad {
-  padding: 0 var(--oziko-padding-lg) !important;
+/* ep-field-head */
+.Number-module_fieldHead__ebrqY {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
 }
 
-.String-module_input__sXbRz {
-  padding: var(--oziko-padding-md) 0 !important;
+/* ep-field-name */
+.Number-module_fieldName__gYpvI {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold); /* 600 */
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
 }
+
+/* ep-field-type badge */
+.Number-module_fieldType__vY3P8 {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium); /* 500 */
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* field icon: 10×10 */
 .Number-module_icon__o1inF {
-  color: var(--oziko-color-font-primary) !important;
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
 }
 
-.Number-module_text__S4l2F {
-  color: var(--oziko-color-input-placeholder) !important;
+/* ep-input container */
+.Number-module_inputBox__wDQg2 {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md); /* 6px */
+  padding: var(--spacing-6) var(--spacing-9); /* 7px 10px */
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-primary);
+  transition: border-color var(--transition-border);
+  width: 100%;
+  cursor: text;
+  display: flex;
+  align-items: center;
+}
+.Number-module_inputBox__wDQg2.Number-module_focused__3Whg9 {
+  border-color: var(--color-accent);
+}
+
+/* naked input — number uses monospace */
+.Number-module_input__m1vMZ {
+  font-size: var(--font-size-base) !important; /* 12px */
+  font-family: var(--font-mono) !important;
+  color: var(--color-text-primary) !important;
+  background: transparent !important;
+  border: none !important;
+  outline: none !important;
+  padding: 0 !important;
+  width: 100%;
+  /* hide browser number spinners */
+  -moz-appearance: textfield;
+}
+.Number-module_input__m1vMZ::placeholder {
+  color: var(--color-text-muted) !important;
+  font-family: var(--font-mono) !important;
+}
+.Number-module_input__m1vMZ::-webkit-outer-spin-button, .Number-module_input__m1vMZ::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
 
 .Number-module_select__NRfCp {
   background: none !important;
-  padding: var(--oziko-padding-md) 0 !important;
+  border: none !important;
+  padding: 0 !important;
   height: 100% !important;
+  width: 100%;
 }
 
-.Number-module_baseInput__uueTo {
-  padding: 0 var(--oziko-padding-lg) !important;
-}
-
-.Number-module_input__m1vMZ {
-  padding: var(--oziko-padding-md) 0 !important;
+/* description / helper text */
+.Number-module_description__6i4NN {
+  color: var(--color-text-muted);
 }
-.TextArea-module_container__VXi9C {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  padding: var(--oziko-padding-md);
+/* ep-field layout */
+.TextArea-module_field__THzBn {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
 }
-.TextArea-module_container__VXi9C input {
-  padding: 0;
+
+/* ep-field-head */
+.TextArea-module_fieldHead__53HsZ {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
 }
-.TextArea-module_container__VXi9C .TextArea-module_titleContainer__l1CD0 {
-  font-size: var(--oziko-font-size-md);
-  color: var(--oziko-color-input-placeholder);
+
+/* ep-field-name */
+.TextArea-module_fieldName__BlxtQ {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold); /* 600 */
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
+}
+
+/* ep-field-type badge */
+.TextArea-module_fieldType__mqzzN {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium); /* 500 */
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* field icon: 10×10 */
+.TextArea-module_icon__iVGeQ {
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
 }
-.TextArea-module_container__VXi9C .TextArea-module_textAreaInput__iYLK4 {
+
+/* textarea.ep-input */
+.TextArea-module_textAreaInput__iYLK4 {
   width: 100%;
-  padding: var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-font-primary);
-  background-color: var(--oziko-color-input-background);
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md); /* 6px */
+  padding: var(--spacing-6) var(--spacing-9); /* 7px 10px */
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-primary);
+  font-family: inherit;
   outline: none;
+  transition: border-color var(--transition-border);
+  min-height: 68px;
   resize: vertical;
-  overflow: auto;
-  border: 0;
-  line-height: 1rem;
+  line-height: 1.55;
 }
-.TextArea-module_container__VXi9C .TextArea-module_textAreaInput__iYLK4::placeholder {
-  color: var(--oziko-color-input-placeholder);
-  font-size: var(--oziko-font-size-md);
+.TextArea-module_textAreaInput__iYLK4:focus {
+  border-color: var(--color-accent);
 }
-.TextArea-module_container__VXi9C .TextArea-module_description__VEpUG {
-  width: 100% !important;
-  display: -webkit-box!important;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: unset;
-  -webkit-line-clamp: 2 !important;
-  padding: 0 var(--oziko-padding-md);
+.TextArea-module_textAreaInput__iYLK4::placeholder {
+  color: var(--color-text-muted);
 }
-.TextArea-module_container__VXi9C .TextArea-module_icon__iVGeQ {
-  color: var(--oziko-color-font-primary);
+
+/* description / helper text */
+.TextArea-module_description__VEpUG {
+  color: var(--color-text-muted);
 }
 .Date-module_datePickerContainer__2futK {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
 }
 .Date-module_datePickerContainer__2futK input {
   padding: 0;
 }
 
 .Date-module_text__eXWDJ {
-  color: var(--oziko-color-input-placeholder) !important;
+  color: var(--color-text-muted) !important;
 }
 
 .Date-module_dateInput__hx3cC {
@@ -3233,7 +4198,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
   user-select: none;
   cursor: pointer;
   opacity: 0;
-  transition: opacity var(--oziko-transition-duration) ease;
+  transition: opacity var(--transition-base) ease;
 }
 
 .Date-module_stringValueWrapper__XM06v:hover .Date-module_clearIcon__rTC7y {
@@ -3249,147 +4214,382 @@ input:checked + .Switch-module_slider__sHGGR::before {
   text-transform: capitalize;
   padding: 2px 8px;
 }
-.Boolean-module_container__RN4yt {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+/* ep-field layout */
+.Boolean-module_field__8rxa8 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
 }
-.Boolean-module_container__RN4yt input {
-  padding: 0;
+
+/* ep-field-head */
+.Boolean-module_fieldHead__z9E0W {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
 }
 
+/* ep-field-name */
+.Boolean-module_fieldName__S6MLc {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
+}
+
+/* field icon */
+.Boolean-module_icon__zoCJ3 {
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
+}
+
+/* ep-field-type badge */
+.Boolean-module_fieldType__WWV4t {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium);
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* ep-toggle-row */
+.Boolean-module_toggleRow__cAzHx {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-7); /* 8px */
+}
+
+/* ep-toggle */
+.Boolean-module_toggle__icqBU {
+  width: 32px;
+  height: 18px;
+  border-radius: 9px;
+  background: var(--color-surface-3);
+  border: 1px solid var(--color-border-mid);
+  position: relative;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background var(--transition-border), border-color var(--transition-border);
+  outline: none;
+}
+.Boolean-module_toggle__icqBU::after {
+  content: "";
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #fff;
+  top: 2px;
+  left: 2px;
+  transition: transform var(--transition-toggle);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+.Boolean-module_toggle__icqBU:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-accent-subtle-2);
+}
+
+.Boolean-module_toggleOn__O0FkV {
+  background: var(--color-accent);
+  border-color: var(--color-accent);
+}
+.Boolean-module_toggleOn__O0FkV::after {
+  transform: translateX(14px);
+}
+
+.Boolean-module_toggleDisabled__lh8Le {
+  opacity: var(--opacity-disabled);
+  cursor: not-allowed;
+}
+
+/* ep-toggle-label */
+.Boolean-module_toggleLabel__Sunjk {
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-secondary);
+}
+
+/* description */
 .Boolean-module_description__v3iuY {
-  width: 100% !important;
-  display: -webkit-box!important;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: unset;
-  -webkit-line-clamp: 2 !important;
-  padding: 0 var(--oziko-padding-md);
+  color: var(--color-text-muted);
 }
 .Color-module_baseInput__gWvlQ {
-  padding: 0 var(--oziko-padding-lg) !important;
+  padding: 0 var(--spacing-12) !important;
 }
-.Storage-module_container__jdMaj {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  padding: var(--oziko-padding-md);
+/* ep-field layout */
+.Storage-module_field__mQCRH {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
 }
-.Storage-module_container__jdMaj input {
-  padding: 0;
+
+/* ep-field-head */
+.Storage-module_fieldHead__e4K6W {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
 }
-.Storage-module_container__jdMaj .Storage-module_top__vhJmX {
-  padding: var(--oziko-padding-md);
+
+/* ep-field-name */
+.Storage-module_fieldName__fojjP {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold); /* 600 */
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
+}
+
+/* ep-field-type badge */
+.Storage-module_fieldType__6hgyK {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium); /* 500 */
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* field icon: 10×10 */
+.Storage-module_icon__fAikH {
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
 }
-.Storage-module_container__jdMaj .Storage-module_storage__aXBhd {
-  position: relative;
+
+/* ep-storage dropzone */
+.Storage-module_storage__aXBhd {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-4); /* 5px */
+  padding: var(--spacing-11); /* 14px */
+  text-align: center;
+  border: 1.5px dashed var(--color-border);
+  border-radius: var(--radius-xl); /* 8px */
   cursor: pointer;
-  opacity: 0.8;
-  transition: all var(--oziko-transition-duration) ease-in-out;
+  color: var(--color-text-muted);
+  font-size: var(--font-size-base); /* 12px */
+  transition: border-color var(--transition-border), color var(--transition-border), background var(--transition-border);
+  width: 100%;
+  /* file preview */
+}
+.Storage-module_storage__aXBhd:hover {
+  border-color: var(--color-accent);
+  color: var(--color-accent);
+  background: var(--color-accent-subtle);
+}
+.Storage-module_storage__aXBhd .Storage-module_uploadIcon__VM6JU {
+  color: inherit !important;
+  width: 20px !important;
+  height: 20px !important;
+  flex-shrink: 0;
 }
-.Storage-module_container__jdMaj .Storage-module_storage__aXBhd .Storage-module_previewIcon__zNCCM {
+.Storage-module_storage__aXBhd .Storage-module_previewIcon__zNCCM {
   position: absolute;
   z-index: 1;
   color: #ffd740;
-  transition: all var(--oziko-transition-duration) ease-in-out;
+  transition: transform var(--transition-base) ease-in-out;
 }
-.Storage-module_container__jdMaj .Storage-module_storage__aXBhd .Storage-module_text__8eR8V span {
-  text-align: center;
+.Storage-module_storage__aXBhd.Storage-module_hasFile__9ly0A {
+  position: relative;
+  opacity: 0.85;
 }
-.Storage-module_container__jdMaj .Storage-module_storage__aXBhd:hover {
+.Storage-module_storage__aXBhd.Storage-module_hasFile__9ly0A:hover {
   opacity: 1;
 }
-.Storage-module_container__jdMaj .Storage-module_storage__aXBhd:hover .Storage-module_previewIcon__zNCCM {
+.Storage-module_storage__aXBhd.Storage-module_hasFile__9ly0A:hover .Storage-module_previewIcon__zNCCM {
   transform: rotate(180deg);
 }
+
+/* description / helper text */
+.Storage-module_helperText__5UZcF {
+  color: var(--color-text-muted);
+}
 .MultipleSelection-module_icon__ewhbs {
-  color: var(--oziko-color-font-primary) !important;
+  color: var(--color-text-primary) !important;
 }
 
 .MultipleSelection-module_text__G5mEr {
-  color: var(--oziko-color-input-placeholder) !important;
+  color: var(--color-text-muted) !important;
 }
 
 .MultipleSelection-module_select__YXbPL {
   background: none !important;
-  padding: var(--oziko-padding-md) 0 !important;
+  padding: var(--spacing-9) 0 !important;
   height: 100% !important;
 }
 
 .MultipleSelection-module_baseInput__eUWHB {
-  padding: 0 var(--oziko-padding-lg) !important;
+  padding: 0 var(--spacing-12) !important;
 }
-.Location-module_location__ix8Fi {
-  background: var(--oziko-color-input-background);
-  padding: var(--oziko-gap-md);
-  border-radius: var(--oziko-border-radius-md);
+/* ep-field layout */
+.Location-module_field__qi7ZC {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
 }
-.Location-module_location__ix8Fi .Location-module_icon__a3NfC {
-  color: var(--oziko-color-font-primary);
+
+/* ep-field-head */
+.Location-module_fieldHead__m5kTh {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
 }
-.Location-module_location__ix8Fi .Location-module_map__No0ks {
-  height: 100%;
-  width: 100%;
-  border-radius: var(--oziko-border-radius-md);
+
+/* ep-field-name */
+.Location-module_fieldName__QvqV8 {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
 }
-.Location-module_location__ix8Fi .Location-module_mapMarker__J3aE2 {
-  width: 35px;
-  height: 35px;
+.Location-module_fieldName__QvqV8 svg {
+  flex-shrink: 0;
+  color: var(--color-text-muted);
 }
-.Location-module_location__ix8Fi .Location-module_description__mG0kX {
-  width: 100% !important;
-  display: -webkit-box!important;
-  -webkit-box-orient: vertical;
+
+/* ep-field-type badge */
+.Location-module_fieldType__M4DiX {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium);
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4);
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* map container — dimensions only; Map.module.scss handles internals */
+.Location-module_map__No0ks {
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
   overflow: hidden;
-  text-overflow: ellipsis;
-  width: unset;
-  -webkit-line-clamp: 2 !important;
-  padding: 0 var(--oziko-padding-md);
-}
-.RichText-module_container__MIFsF {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: #000;
-  padding: var(--oziko-padding-md);
+  height: 100px;
+  width: 100%;
+}
+
+/* ep-coords-row */
+.Location-module_coordsRow__uxiZi {
+  display: flex;
+  gap: 6px;
+}
+
+/* ep-input for coord fields */
+.Location-module_coordInput__yZqwu {
+  flex: 1;
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-6) var(--spacing-9); /* 7px 10px */
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm); /* 11px */
+  color: var(--color-text-primary);
+  outline: none;
+  transition: border-color 0.15s;
+  width: 100%;
+}
+.Location-module_coordInput__yZqwu::placeholder {
+  color: var(--color-text-muted);
+}
+.Location-module_coordInput__yZqwu:focus {
+  border-color: var(--color-accent);
+}
+/* ep-field layout */
+.RichText-module_field__kSTI2 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4); /* 5px */
+  width: 100%;
+}
+
+/* ep-field-head */
+.RichText-module_fieldHead__G3olf {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4); /* 5px */
 }
-.RichText-module_container__MIFsF input {
-  padding: 0;
+
+/* ep-field-name */
+.RichText-module_fieldName__Fp14G {
+  font-size: var(--font-size-sm); /* 11px */
+  font-weight: var(--font-weight-semibold); /* 600 */
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3); /* 4px */
+}
+
+/* ep-field-type badge */
+.RichText-module_fieldType__cYCBi {
+  font-size: var(--font-size-2xs); /* 9px */
+  font-weight: var(--font-weight-medium); /* 500 */
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4); /* 1px 5px */
+  border-radius: var(--radius-xs); /* 3px */
+  margin-left: var(--spacing-2); /* 3px */
+}
+
+/* field icon: 10×10 */
+.RichText-module_icon__GDh9M {
+  color: var(--color-text-muted) !important;
+  width: 10px !important;
+  height: 10px !important;
+  flex-shrink: 0;
 }
-.RichText-module_container__MIFsF .RichText-module_description__-uZpI {
-  width: 100% !important;
-  display: -webkit-box!important;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: unset;
-  -webkit-line-clamp: 2 !important;
-  padding: 0 var(--oziko-padding-md);
+
+/* description / helper text */
+.RichText-module_description__-uZpI {
+  color: var(--color-text-muted);
 }
 .LexicalContent-module_editableContent__f69V7 {
   text-align: start;
   width: 100%;
-  height: 100%;
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-6) var(--spacing-9); /* 7px 10px */
   outline: none;
-  border-top: var(--oziko-border-default);
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 0 0 var(--radius-md) var(--radius-md);
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-primary);
+  min-height: 72px;
+  line-height: 1.6;
   overflow: auto;
 }
+.LexicalContent-module_editableContent__f69V7:focus-within {
+  border-color: var(--color-accent);
+  outline: none;
+}
 
 .LexicalContent-module_placeholder__EMU-N {
   position: absolute;
   left: 0;
-  color: var(--oziko-color-input-placeholder);
+  color: var(--color-text-muted);
   pointer-events: none;
   user-select: none;
-  padding: var(--oziko-padding-md);
-  padding-top: calc(var(--oziko-padding-md) + 1em);
-  font-size: var(---oziko-font-size-sm);
+  padding: var(--spacing-9);
+  padding-top: calc(var(--spacing-9) + 1em);
+  font-size: var(--font-size-base);
 }
 
 .LexicalContent-module_editorContainer__l2-r1 {
@@ -3399,17 +4599,17 @@ input:checked + .Switch-module_slider__sHGGR::before {
   z-index: 1000;
   display: block;
   position: fixed;
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
   min-height: 40px;
-  background-color: var(--oziko-color-menu-background);
-  box-shadow: var(--box-shadow);
+  background-color: var(--color-surface);
+  box-shadow: var(--shadow-md);
 }
 .dropdown .item {
   padding: 2px 10px;
   cursor: pointer;
   line-height: 12px;
   font-weight: 300;
-  font-size: var(--oziko-font-size-md);
+  font-size: var(--font-size-lg);
   display: flex;
   align-content: center;
   flex-direction: row;
@@ -3418,10 +4618,10 @@ input:checked + .Switch-module_slider__sHGGR::before {
   border: 0;
   max-width: 250px;
   min-width: 100px;
-  background-color: var(--oziko-color-menu-background);
+  background-color: var(--color-surface);
 }
 .dropdown .item:hover {
-  background-color: var(--oziko-color-zebra);
+  background-color: var(--color-surface-2);
 }
 
 .dropdown .item.fontsize-item,
@@ -3465,7 +4665,7 @@ input:checked + .Switch-module_slider__sHGGR::before {
 
 .dropdown .divider {
   width: auto;
-  background-color: #eee;
+  background-color: var(--color-border);
   margin: 4px 8px;
   height: 1px;
 }
@@ -3496,7 +4696,12 @@ button.toolbar-item.active i {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-  gap: var(--oziko-gap-sm);
+  gap: 1px;
+  padding: 4px 7px;
+  border: 1px solid var(--color-border);
+  border-bottom: none;
+  border-radius: var(--radius-md) var(--radius-md) 0 0;
+  background: var(--color-surface-2);
 }
 
 .toolbar-item {
@@ -3504,33 +4709,39 @@ button.toolbar-item.active i {
   align-items: center;
   justify-content: center;
   background: transparent;
-  border: 0px;
+  border: 0;
   cursor: pointer;
-  padding: 8px;
-  border-radius: var(--oziko-border-radius-md);
+  padding: 0;
+  width: 22px;
+  height: 22px;
+  border-radius: var(--radius-sm);
+  color: var(--color-text-muted);
+  font-size: var(--font-size-sm);
+  transition: background 0.1s, color 0.1s;
 }
 
 .toolbar-item:hover {
-  background: var(--oziko-color-zebra);
+  background: var(--color-surface-3);
+  color: var(--color-text-primary);
 }
 .toolbar-item .toolbar-icon {
-  min-width: 18px;
-  min-height: 18px;
+  min-width: 12px;
+  min-height: 12px;
 }
 .toolbar-item.dropdownButton {
   width: auto;
-  border-radius: var(--oziko-border-radius-md);
-  height: 30px;
+  border-radius: var(--radius-sm);
+  height: 22px;
   display: flex;
-  gap: var(--oziko-gap-sm);
-  padding-left: var(--oziko-padding-md);
+  gap: var(--spacing-3);
+  padding: 0 var(--spacing-4);
 }
 
 .divider {
   width: 1px;
-  background-color: var(--oziko-color-input-placeholder);
-  margin: 0 4px;
-  height: 20px;
+  height: 14px;
+  background: var(--color-border);
+  margin: 4px 2px;
 }
 .color-picker-wrapper {
   padding: 20px;
@@ -3670,53 +4881,398 @@ button.font-increment {
   margin-left: 3px;
 }
 
-.ObjectInput-module_container__JtW64 {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border: var(--oziko-border-default);
-  border-radius: var(--oziko-border-radius-md);
+/* ── Field wrapper ─────────────────────────────────────────────────────────── */
+.ObjectInput-module_field__Rxn-6 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  width: 100%;
+}
+
+/* ── Field head (top-level label row) ──────────────────────────────────────── */
+.ObjectInput-module_fieldHead__C6QqI {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
 }
-.ObjectInput-module_container__JtW64 input {
-  padding: 0;
+
+.ObjectInput-module_fieldName__cBr7E {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: 0.03em;
+  color: var(--color-text-muted);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+}
+.ObjectInput-module_fieldName__cBr7E svg {
+  flex-shrink: 0;
+  color: var(--color-text-muted);
 }
 
-.ObjectInput-module_error__z1cTE {
-  position: unset;
+.ObjectInput-module_fieldType__KeFyL {
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-medium);
+  font-family: var(--font-mono);
+  color: var(--color-text-faint);
+  background: var(--color-surface-3);
+  padding: 1px var(--spacing-4);
+  border-radius: var(--radius-xs);
+  margin-left: var(--spacing-2);
 }
 
-.ObjectInput-module_inputContainer__Kjm9k {
-  width: 100%;
+/* ── Object container ─────────────────────────────────────────────────────── */
+.ObjectInput-module_object__1CJk5 {
+  border: 1px solid var(--color-border);
+  border-radius: 12px;
+  background: var(--color-surface);
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
+}
+
+/* ── Row: 2-column flex layout ────────────────────────────────────────────── */
+.ObjectInput-module_objRow__CjPsV {
+  display: flex;
+  align-items: stretch;
+  border-bottom: 1px solid var(--color-border);
 }
-.ArrayInput-module_container__pCN6T {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border: var(--oziko-border-default);
-  border-radius: var(--oziko-border-radius-md);
+.ObjectInput-module_objRow__CjPsV:last-child {
+  border-bottom: none;
 }
-.ArrayInput-module_container__pCN6T input {
-  padding: 0;
+.ObjectInput-module_objRow__CjPsV:focus-within {
+  background: rgba(var(--color-accent-rgb), 0.015);
+}
+
+/* ── Key cell: icon + name + badge ────────────────────────────────────────── */
+.ObjectInput-module_objKey__LSyzO {
+  width: 160px;
+  flex-shrink: 0;
+  padding: 9px 12px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-text-secondary);
+  border-right: 1px solid var(--color-border);
+  background: var(--color-surface-2);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  overflow: hidden;
+}
+.ObjectInput-module_objKey__LSyzO > span:first-of-type {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+/* ── Value cell ───────────────────────────────────────────────────────────── */
+.ObjectInput-module_objVal__gwpz- {
+  flex: 1;
+  min-width: 0;
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
 }
 
-.ArrayInput-module_header__v88Lg {
+/* ── Input inside val cell ────────────────────────────────────────────────── */
+.ObjectInput-module_valInput__ZyqMk {
+  flex: 1;
   width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  padding: 0;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  color: var(--color-text-primary);
+}
+.ObjectInput-module_valInput__ZyqMk::placeholder {
+  color: var(--color-text-muted);
+}
+.ObjectInput-module_valInput__ZyqMk[type=number] {
+  -moz-appearance: textfield;
+}
+.ObjectInput-module_valInput__ZyqMk[type=number]::-webkit-inner-spin-button {
+  opacity: 0;
+}
+
+/* ── Type badge (inside key cell) ─────────────────────────────────────────── */
+.ObjectInput-module_ofBadge__ITtQ8 {
+  font-size: 10px;
+  font-weight: 500;
+  font-family: var(--font-mono);
+  border-radius: 4px;
+  padding: 1px 6px;
+  white-space: nowrap;
+  flex-shrink: 0;
+  background: var(--color-surface-3);
+  color: var(--color-text-muted);
+}
+
+/* Badge color variants */
+.ObjectInput-module_badgeString__NNHJy {
+  color: var(--color-blue);
+  background: var(--color-blue-bg);
+}
+
+.ObjectInput-module_badgeNumber__LLTBz,
+.ObjectInput-module_badgeColor__9U5aJ {
+  color: var(--color-green);
+  background: var(--color-green-bg);
+}
+
+.ObjectInput-module_badgeDate__hMG2o,
+.ObjectInput-module_badgeStorage__IlMBw {
+  color: var(--color-amber);
+  background: rgba(245, 158, 11, 0.1);
+}
+
+.ObjectInput-module_badgeBoolean__ItB9f {
+  color: #8b5cf6;
+  background: rgba(139, 92, 246, 0.1);
+}
+
+.ObjectInput-module_badgeRelation__KLNv2,
+.ObjectInput-module_badgeLocation__4tnAE {
+  color: var(--color-red);
+  background: rgba(var(--color-red-rgb), 0.1);
+}
+
+.ObjectInput-module_badgeMultiselect__rYHiB,
+.ObjectInput-module_badgeArray__97Zlj,
+.ObjectInput-module_badgeChip__MKZC6,
+.ObjectInput-module_badgeSelect__FZEev {
+  color: var(--color-accent);
+  background: var(--color-accent-subtle);
+}
+
+.ObjectInput-module_badgeRichtext__X15-r {
+  color: var(--color-blue);
+  background: var(--color-blue-bg);
+}
+
+/* ── Boolean toggle ───────────────────────────────────────────────────────── */
+.ObjectInput-module_toggle__HJD1F {
+  width: 30px;
+  height: 17px;
+  border-radius: 99px;
+  background: var(--color-border);
+  position: relative;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.15s;
+}
+.ObjectInput-module_toggle__HJD1F::after {
+  content: "";
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 11px;
+  height: 11px;
+  border-radius: 50%;
+  background: var(--color-surface);
+  transition: transform 0.15s;
+}
+
+.ObjectInput-module_toggleOn__5aQj2 {
+  background: var(--color-accent);
+}
+.ObjectInput-module_toggleOn__5aQj2::after {
+  transform: translateX(13px);
+}
+
+/* ── Relation trigger ─────────────────────────────────────────────────────── */
+.ObjectInput-module_relationTrigger__Bv3O- {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 13px;
+  font-family: var(--font-mono);
+  color: var(--color-text-muted);
+  cursor: pointer;
+}
+.ObjectInput-module_relationTrigger__Bv3O- svg {
+  flex-shrink: 0;
+}
+
+/* ── Nested object block ──────────────────────────────────────────────────── */
+.ObjectInput-module_nestedBlock__Wk9qL {
+  border-bottom: 1px solid var(--color-border);
+}
+.ObjectInput-module_nestedBlock__Wk9qL:last-child {
+  border-bottom: none;
+}
+
+.ObjectInput-module_nestedHead__iqm-2 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  background: var(--color-surface-2);
+}
+
+.ObjectInput-module_nestedName__2CG1X {
+  font-size: 12px;
+  font-weight: 600;
+  font-family: var(--font-mono);
+  color: var(--color-text-secondary);
+}
+
+.ObjectInput-module_nestedToggle__kzD75 {
+  margin-left: auto;
+  width: 22px;
+  height: 22px;
+  border: none;
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+  transition: background var(--transition-fast), color var(--transition-fast);
+}
+.ObjectInput-module_nestedToggle__kzD75 svg {
+  transition: transform 0.18s;
+}
+.ObjectInput-module_nestedToggle__kzD75:hover {
+  background: var(--color-surface-3);
+  color: var(--color-text-primary);
+}
+
+.ObjectInput-module_nestedToggleCollapsed__4MEDc svg {
+  transform: rotate(-90deg);
 }
 
+.ObjectInput-module_nestedBody__qD5vz > .ObjectInput-module_objRow__CjPsV:first-child {
+  border-top: 1px solid var(--color-border);
+}
 .ArrayInput-module_inputHeader__YhlBU {
   padding-left: 0;
 }
 
+.ArrayInput-module_icon__zX6gd {
+  color: var(--color-text-muted);
+}
+
+/* ── array wrap container ── */
+.ArrayInput-module_wrap__m2iYl {
+  border: var(--border-default);
+  border-radius: var(--radius-2xl); /* 10px */
+  background: var(--color-surface);
+  box-shadow: var(--shadow-sm);
+  overflow: hidden;
+  width: 100%;
+}
+
+/* ── each item row ── */
+.ArrayInput-module_item__haY2T {
+  display: flex;
+  align-items: stretch;
+  border-bottom: var(--border-default);
+  min-height: 38px;
+}
+.ArrayInput-module_item__haY2T:last-child {
+  border-bottom: none;
+}
+
+/* ── index badge ── */
+.ArrayInput-module_itemIdx__JF0BD {
+  width: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--font-size-xs); /* 10px */
+  font-family: var(--font-mono);
+  color: var(--color-text-muted);
+  border-right: var(--border-default);
+  flex-shrink: 0;
+  background: var(--color-surface-2);
+}
+
+/* ── input content area ── */
+.ArrayInput-module_itemContent__u0x1m {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+}
+.ArrayInput-module_itemContent__u0x1m > * {
+  width: 100%;
+}
+
+/* ── stripped input container class injected via items.className ── */
+.ArrayInput-module_itemInput__Qrw6Z {
+  border: none !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  padding: var(--spacing-8) var(--spacing-10) !important; /* 9px 12px */
+  font-family: var(--font-mono) !important;
+  font-size: var(--font-size-base-plus) !important; /* 12.5px */
+}
+
+/* ── remove button ── */
+.ArrayInput-module_itemRemove__9L4OQ {
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: var(--color-text-muted);
+  transition: color var(--transition-fast), background var(--transition-fast);
+  flex-shrink: 0;
+  border: none;
+  background: transparent;
+  border-left: var(--border-default);
+  padding: 0;
+}
+.ArrayInput-module_itemRemove__9L4OQ:hover {
+  background: rgba(var(--color-red-rgb), 0.08);
+  color: var(--color-red);
+}
+
+/* ── add item footer button ── */
+.ArrayInput-module_addBtn__-pHnB {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-5); /* 6px */
+  padding: var(--spacing-7) var(--spacing-10); /* 8px 12px */
+  cursor: pointer;
+  font-size: var(--font-size-base-plus); /* 12.5px */
+  color: var(--color-text-muted);
+  background: var(--color-surface-2);
+  border: none;
+  border-top: var(--border-default);
+  width: 100%;
+  font-family: var(--font-sans);
+  transition: color var(--transition-base), background var(--transition-base);
+}
+.ArrayInput-module_addBtn__-pHnB:first-child {
+  border-top: none;
+}
+.ArrayInput-module_addBtn__-pHnB:hover {
+  color: var(--color-accent);
+  background: var(--color-accent-subtle);
+}
+
+/* ── empty state ── */
 .ArrayInput-module_emptyStateText__ZHJbR {
-  font-size: var(--oziko-icon-size-sm);
+  display: block;
+  padding: var(--spacing-7) var(--spacing-10);
+  font-size: var(--font-size-base);
+  color: var(--color-text-muted);
 }
 .ChipInput-module_chipInputContainer__wRY2y {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
 }
 .ChipInput-module_chipInputContainer__wRY2y input {
   padding: 0;
@@ -3734,34 +5290,34 @@ button.font-increment {
   bottom: -7px;
 }
 .RelationInput-module_icon__folVL {
-  color: var(--oziko-color-font-primary) !important;
+  color: var(--color-text-primary) !important;
 }
 
 .RelationInput-module_text__h8Gq5 {
-  color: var(--oziko-color-input-placeholder) !important;
+  color: var(--color-text-muted) !important;
 }
 
 .RelationInput-module_select__H7bRO {
   background: none !important;
-  padding: var(--oziko-padding-md) 0 !important;
+  padding: var(--spacing-9) 0 !important;
   height: 100% !important;
 }
 
 .RelationInput-module_baseInput__9cDeK {
-  padding: 0 var(--oziko-padding-lg) !important;
+  padding: 0 var(--spacing-12) !important;
   justify-content: start;
 }
 .RelationSelect-module_container__nwkcp {
-  background: var(--oziko-color-zebra);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  border-radius: var(--oziko-border-radius-md);
+  background: var(--color-surface-2);
+  padding: var(--spacing-9) var(--spacing-12);
+  border-radius: var(--radius-md);
   justify-content: space-between;
   overflow: hidden;
   cursor: pointer;
 }
 .RelationSelect-module_container__nwkcp.RelationSelect-module_disabled__37hiQ {
   cursor: default;
-  opacity: var(--oziko-disabled-opacity);
+  opacity: var(--opacity-disabled);
 }
 .RelationSelect-module_container__nwkcp .RelationSelect-module_displayer__-ispL {
   display: -webkit-box;
@@ -3777,7 +5333,7 @@ button.font-increment {
   overflow-x: auto;
   display: flex;
   flex-wrap: wrap;
-  gap: var(--oziko-gap-sm);
+  gap: var(--spacing-4);
 }
 .RelationSelect-module_container__nwkcp .RelationSelect-module_displayer__-ispL::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
@@ -3789,13 +5345,13 @@ button.font-increment {
 
 .RelationSelect-module_selectDropdown__HAwgv {
   position: fixed;
-  border-radius: var(--oziko-border-radius-md);
+  border-radius: var(--radius-md);
   z-index: 1000;
   height: 100%;
   max-height: 200px;
   overflow-y: auto;
-  box-shadow: var(--oziko-box-shadow);
-  background: var(--oziko-color-menu-background);
+  box-shadow: var(--shadow-md);
+  background: var(--color-surface);
   width: 100%;
 }
 .RelationSelect-module_selectDropdown__HAwgv > div {
@@ -3806,11 +5362,11 @@ button.font-increment {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: var(--oziko-gap-sm);
+  gap: var(--spacing-4);
 }
 
 .RelationSelect-module_searchIcon__Wpvzz {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 
 .RelationSelect-module_searchInput__Aihgm {
@@ -3818,7 +5374,7 @@ button.font-increment {
 }
 
 .RelationSelect-module_deleteIcon__l6plf {
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 
 .RelationSelect-module_infiniteScroll__UQClb {
@@ -3828,15 +5384,47 @@ button.font-increment {
 .RelationSelect-module_deleteButton__9KhWk {
   flex-shrink: 0;
 }
+.Boolean-module_bool__23D4m {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 10.5px;
+  font-family: var(--font-mono);
+  font-weight: 500;
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.15s ease;
+}
+.Boolean-module_bool__23D4m:focus-visible {
+  outline: 2px solid var(--color-accent, var(--color-green));
+  outline-offset: 2px;
+}
+
+.Boolean-module_boolTrue__ncayH {
+  background: var(--color-green-bg);
+  color: var(--color-green);
+}
+
+.Boolean-module_boolFalse__nsROf {
+  background: var(--color-surface-3);
+  color: var(--color-text-muted);
+}
+
+.Boolean-module_disabled__PDTOo {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
 .ColorMinimized-module_colorMinimized__CnRpu {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
-  padding: 0 var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
+  padding: 0 var(--spacing-9);
+  font-size: var(--font-size-lg);
 }
 .ColorMinimized-module_colorMinimized__CnRpu input {
   padding: 0;
@@ -3846,10 +5434,11 @@ button.font-increment {
   padding: 0;
 }
 .Date-module_minimizedDatePicker__ZIsQ7 {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
   height: 36px !important;
 }
 .Date-module_minimizedDatePicker__ZIsQ7 input {
@@ -3861,10 +5450,11 @@ button.font-increment {
   padding: 0 !important;
 }
 .Location-module_container__SbKlF {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
   padding-top: 0;
   padding-bottom: 0;
   display: flex;
@@ -3875,10 +5465,10 @@ button.font-increment {
   padding: 0;
 }
 .Location-module_container__SbKlF .Location-module_iconContainer__ie0Rb {
-  padding: var(--oziko-padding-md) 0;
+  padding: var(--spacing-9) 0;
 }
 .Location-module_container__SbKlF .Location-module_input__aoNPw {
-  padding: var(--oziko-padding-sm) !important;
+  padding: var(--spacing-4) !important;
 }
 
 .Location-module_map__7pBAg {
@@ -3886,10 +5476,11 @@ button.font-increment {
   height: 300px;
 }
 .MultiSelection-module_multiSelectionContainer__tUi2u {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
   padding: 0;
 }
 .MultiSelection-module_multiSelectionContainer__tUi2u input {
@@ -3906,20 +5497,21 @@ button.font-increment {
   pointer-events: none;
 }
 .NumberMinimized-module_numberMinimized__o1ZAN {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
-  padding: 0 var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
+  padding: 0 var(--spacing-9);
+  font-size: var(--font-size-lg);
 }
 .NumberMinimized-module_numberMinimized__o1ZAN input {
   padding: 0;
 }
 .NumberMinimized-module_numberMinimized__o1ZAN .NumberMinimized-module_select__yHQXe {
-  background: var(--oziko-color-input-background);
+  background: var(--color-surface-2);
   padding: 0;
 }
 .NumberMinimized-module_numberMinimized__o1ZAN .NumberMinimized-module_closeIcon__EgNTI {
@@ -3927,11 +5519,12 @@ button.font-increment {
   padding: 0;
 }
 .Object-module_inputMinimized__JH1n- {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
 }
 .Object-module_inputMinimized__JH1n- input {
@@ -3952,18 +5545,20 @@ button.font-increment {
   display: block;
 }
 .RichText-module_richTextMinimized__LUAfH {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
   color: #000;
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
 }
 .RichText-module_richTextMinimized__LUAfH input {
   padding: 0;
@@ -3985,26 +5580,24 @@ button.font-increment {
 }
 
 .RichText-module_placeholder__p7vgx {
-  color: var(--oziko-color-input-placeholder);
+  color: var(--color-text-muted);
 }
 .StringMinimized-module_stringMinimized__m53JQ {
-  border-radius: 0;
-  padding: 0 var(--oziko-padding-md);
-  font-size: var(--oziko-font-size-md);
-  color: var(--oziko-color-font-primary);
-  background: var(--oziko-color-input-background);
+  font-size: var(--font-size-sm) !important;
+  color: var(--color-text-primary);
 }
 .StringMinimized-module_stringMinimized__m53JQ .StringMinimized-module_select__uPgy- {
-  background: var(--oziko-color-input-background);
+  background: var(--color-surface-2);
 }
 .StringMinimized-module_stringMinimized__m53JQ .StringMinimized-module_closeIcon__N2ycP {
   border: 0;
 }
 .TextArea-module_textArea__VbAA6 {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
 }
 .TextArea-module_textArea__VbAA6 input {
   padding: 0;
@@ -4016,11 +5609,12 @@ button.font-increment {
   padding: 0;
 }
 .StorageMinimized-module_storageMinimized__ghk8k {
-  background-color: var(--oziko-color-input-background);
-  border-radius: var(--oziko-border-radius-md);
-  color: var(--oziko-color-input-placeholder);
-  padding: var(--oziko-padding-md) var(--oziko-padding-lg);
-  color: var(--oziko-color-font-primary);
+  background-color: var(--color-surface-2);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  font-family: var(--font-sans);
+  padding: var(--spacing-9) var(--spacing-10);
+  color: var(--color-text-primary);
   border-radius: 0;
   padding: 0;
 }
@@ -4028,7 +5622,7 @@ button.font-increment {
   padding: 0;
 }
 .StorageMinimized-module_storageMinimized__ghk8k .StorageMinimized-module_storage__QZPz8 {
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
 }
 .StorageMinimized-module_storageMinimized__ghk8k .StorageMinimized-module_text__kRTzX {
   display: -webkit-box;
@@ -4051,16 +5645,18 @@ button.font-increment {
 
 .Drawer-module_contentContainer__Bku-Q {
   position: fixed;
-  background-color: var(--oziko-color-menu-background);
-  overflow: auto;
+  background-color: var(--color-surface);
+  overflow: hidden;
   display: flex;
   flex-direction: column;
-  align-items: flex-end;
+  align-items: stretch;
+  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: var(--shadow-lg);
 }
 .Drawer-module_contentContainer__Bku-Q .Drawer-module_closeButton__dw57X {
   position: sticky;
   top: 0;
-  padding: var(--oziko-padding-md);
+  padding: var(--spacing-9);
   cursor: pointer;
   align-self: flex-end;
 }
@@ -4122,74 +5718,42 @@ button.font-increment {
 }
 .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK {
   top: 0;
+  transform: translateY(-100%);
+  border-bottom: 1px solid var(--border);
+}
+.Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_open__xQCd8 {
+  transform: translateY(0);
 }
 .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr {
   right: 0;
+  transform: translateX(100%);
+  border-left: 1px solid var(--border);
+}
+.Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_open__xQCd8 {
+  transform: translateX(0);
 }
 .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz {
   bottom: 0;
+  transform: translateY(100%);
+  border-top: 1px solid var(--border);
+}
+.Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_open__xQCd8 {
+  transform: translateY(0);
 }
 .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V {
   left: 0;
+  transform: translateX(-100%);
+  border-right: 1px solid var(--border);
 }
-.Drawer-module_contentContainer__Bku-Q.Drawer-module_leftToMiddle__UwTtm {
-  animation: Drawer-module_slideFromLeft__PD3iU var(--oziko-transition-duration) forwards ease;
-}
-.Drawer-module_contentContainer__Bku-Q.Drawer-module_rightToMiddle__-1zTg {
-  animation: Drawer-module_slideFromRight__y-9Lp var(--oziko-transition-duration) forwards ease;
-}
-.Drawer-module_contentContainer__Bku-Q.Drawer-module_topToBottom__DlPXA {
-  animation: Drawer-module_slideFromTop__-c93O var(--oziko-transition-duration) forwards ease;
-}
-.Drawer-module_contentContainer__Bku-Q.Drawer-module_bottomToTop__b0ULm {
-  animation: Drawer-module_slideFromBottom__uSm8d var(--oziko-transition-duration) forwards ease;
+.Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_open__xQCd8 {
+  transform: translateX(0);
 }
 .Drawer-module_contentContainer__Bku-Q.Drawer-module_shake__pBbnG {
-  animation: Drawer-module_shake__pBbnG var(--oziko-transition-duration) ease-in-out;
-}
-@keyframes Drawer-module_slideFromLeft__PD3iU {
-  0% {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-@keyframes Drawer-module_slideFromRight__y-9Lp {
-  0% {
-    transform: translateX(100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-@keyframes Drawer-module_slideFromTop__-c93O {
-  0% {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes Drawer-module_slideFromBottom__uSm8d {
-  0% {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
+  animation: Drawer-module_shake__pBbnG 0.4s ease-in-out;
 }
 @keyframes Drawer-module_shake__pBbnG {
   0%, 100% {
-    transform: 0;
+    transform: translateX(0);
   }
   20%, 60% {
     transform: translateX(-10px);
@@ -4203,32 +5767,32 @@ button.font-increment {
   display: flex;
   align-items: center;
   justify-content: start !important;
-  padding: var(--oziko-padding-xs);
+  padding: var(--spacing-2);
 }
 .Tab-module_container__e6CN6 .Tab-module_indicator__UNCf0 {
   position: absolute;
   height: 100%;
-  background-color: var(--oziko-color-primary);
-  border-radius: var(--oziko-border-radius-sm);
-  transition: transform var(--oziko-transition-duration) ease-out, left var(--oziko-transition-duration) ease-out;
+  background-color: var(--color-accent);
+  border-radius: var(--radius-sm);
+  transition: transform var(--transition-base) ease-out, left var(--transition-base) ease-out;
   z-index: 1;
 }
 .Tab-module_container__e6CN6 .Tab-module_item__jpQZh {
   z-index: 1;
 }
 .Tab-module_container__e6CN6.Tab-module_default__qy-23 {
-  background-color: var(--oziko-color-default);
-  border: var(--oziko-border-default);
+  background-color: var(--color-surface);
+  border: var(--border-default);
 }
 .Tab-module_container__e6CN6.Tab-module_default__qy-23 .Tab-module_active__687wz {
-  color: var(--oziko-color-default);
+  color: var(--color-surface);
 }
 .Tab-module_container__e6CN6.Tab-module_default__qy-23 .Tab-module_indicator__UNCf0 {
-  height: calc(100% - 2 * var(--oziko-padding-xs));
+  height: calc(100% - 2 * var(--spacing-2));
 }
 .Tab-module_container__e6CN6.Tab-module_underline__1gKBc {
   background: transparent;
-  border-bottom: var(--oziko-border-default);
+  border-bottom: var(--border-default);
 }
 .Tab-module_container__e6CN6.Tab-module_underline__1gKBc .Tab-module_indicator__UNCf0 {
   bottom: -1px;
@@ -4238,13 +5802,13 @@ button.font-increment {
   background-color: transparent;
 }
 .Tab-module_container__e6CN6.Tab-module_window__vPuG0 .Tab-module_item__jpQZh {
-  border-right: var(--oziko-border-default);
+  border-right: var(--border-default);
 }
 .Tab-module_container__e6CN6.Tab-module_window__vPuG0 .Tab-module_item__jpQZh .Tab-module_root__gGJhw {
   opacity: 0.25;
 }
 .Tab-module_container__e6CN6.Tab-module_window__vPuG0 .Tab-module_active__687wz {
-  background-color: var(--oziko-color-default);
+  background-color: var(--color-surface);
   opacity: 1;
 }
 .CircularProgress-module_container__S-38y {
@@ -4258,7 +5822,7 @@ button.font-increment {
 
 .CircularProgress-module_backgroundCircle__MQZ2z {
   fill: none;
-  stroke: var(--oziko-color-soft-dark);
+  stroke: var(--color-border-mid);
 }
 
 .CircularProgress-module_progressCircle__aya2S {
@@ -4267,16 +5831,16 @@ button.font-increment {
   transition: stroke-dashoffset 0.3s ease;
   transform-origin: center;
   transform: rotate(-90deg);
-  stroke: var(--oziko-color-primary-light);
+  stroke: var(--color-accent-hover);
 }
 .CircularProgress-module_progressCircle__aya2S.CircularProgress-module_normal__asGeP {
-  stroke: var(--oziko-color-primary-light);
+  stroke: var(--color-accent-hover);
 }
 .CircularProgress-module_progressCircle__aya2S.CircularProgress-module_success__F6h9t {
-  stroke: var(--oziko-color-success);
+  stroke: var(--color-green);
 }
 .CircularProgress-module_progressCircle__aya2S.CircularProgress-module_danger__POA1X {
-  stroke: var(--oziko-color-danger);
+  stroke: var(--color-red);
 }
 
 .CircularProgress-module_centerText__SKGzM {
@@ -4285,33 +5849,33 @@ button.font-increment {
   left: 50%;
   transform: translate(-50%, -50%);
   font-weight: 500;
-  font-family: var(--oziko-font-family-base);
+  font-family: var(--font-sans);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_normal__asGeP {
-  color: var(--oziko-color-font-primary);
+  color: var(--color-text-primary);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_success__F6h9t {
-  color: var(--oziko-color-success);
+  color: var(--color-green);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_danger__POA1X {
-  color: var(--oziko-color-danger);
+  color: var(--color-red);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_xxs__EO7l5.CircularProgress-module_danger__POA1X svg {
   margin-top: 3px;
   margin-left: 1px;
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_xs__WVADp, .CircularProgress-module_centerText__SKGzM.CircularProgress-module_xxs__EO7l5 {
-  font-size: var(--oziko-font-size-xs);
+  font-size: var(--font-size-xs);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_sm__yLhUL {
-  font-size: var(--oziko-font-size-sm);
+  font-size: var(--font-size-base);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_md__5RBcj {
-  font-size: var(--oziko-font-size-md);
+  font-size: var(--font-size-lg);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_lg__mzdQa {
-  font-size: var(--oziko-font-size-lg);
+  font-size: var(--font-size-lg);
 }
 .CircularProgress-module_centerText__SKGzM.CircularProgress-module_xl__tuBt- {
-  font-size: var(--oziko-font-size-xl);
+  font-size: var(--font-size-xl);
 }