:root {
  --primary-50: #e8fbf8; --primary-100: #cff7f2; --primary-200: #9eeee6;
  --primary-300: #67e2d7; --primary-400: #2fd4c7; --primary-500: #00beb4;
  --primary-600: #00a79e; --primary-700: #00837c; --primary-800: #06645f; --primary-900: #084847;
  --color-primary: var(--primary-500); --color-primary-hover: var(--primary-600);
  --secondary-100: #e0e7ff; --secondary-200: #c7d2fe; --secondary-500: #6366f1; --secondary-600: #4f46e5;
  --success-50: #ecfdf5; --success-500: #10b981; --success-600: #059669;
  --color-success: var(--success-500);
  --warning-50: #fff8e8; --warning-500: #f4ba4f; --warning-600: #e3a13a; --warning-700: #c98720;
  --color-warning: var(--warning-500);
  --danger-50: #fef2f2; --danger-500: #ef4444; --danger-600: #dc2626;
  --color-danger: var(--danger-500);
  --info-50: #f4f8ff; --info-500: #79aef8; --info-600: #5f95eb; --info-700: #4e81d5;
  --color-info: var(--info-500);
  --neutral-50: #f7fbfb; --neutral-100: #eef5f5; --neutral-200: #d8e4e4;
  --neutral-300: #bfd0d0; --neutral-400: #8ca3a5; --neutral-500: #667c7f;
  --neutral-600: #4a6366; --neutral-700: #30484c; --neutral-800: #183235; --neutral-900: #0d2023;
  --text-primary: var(--neutral-900); --text-secondary: var(--neutral-700); --text-tertiary: var(--neutral-500);
  --bg-primary: #fff; --bg-secondary: #f4f8f8; --bg-overlay: rgba(6,22,24,0.48);
  --border-color: var(--neutral-200); --border-light: var(--neutral-100); --border-dark: var(--neutral-300);
  --sidebar-bg: #072d2f;
  --sidebar-bg-secondary: #0b383b;
  --sidebar-border: rgba(255,255,255,0.08);
  --sidebar-text: #e6f5f3;
  --sidebar-text-muted: rgba(230,245,243,0.72);
  --sidebar-hover-bg: rgba(255,255,255,0.05);
  --sidebar-open-bg: transparent;
  --sidebar-active-bg: #14c7ba;
  --sidebar-active-text: #063638;
  --button-primary-bg: linear-gradient(180deg, #16d1c4 0%, #00b8ab 100%);
  --button-primary-shadow: 0 10px 22px rgba(0, 190, 180, 0.22);
  --button-secondary-bg: #ffffff;
  --button-secondary-border: #cfe0df;
  --font-family: 'HarmonyOS Sans SC','PingFang SC','Microsoft YaHei',-apple-system,sans-serif;
  --font-size-display:32px; --font-size-h1:24px; --font-size-h2:20px; --font-size-h3:16px;
  --font-size-body:14px; --font-size-body-sm:13px; --font-size-caption:12px;
  --line-height-body:22px;
  --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-full:9999px;
  --shadow-sm:0 4px 14px rgba(6, 32, 35, 0.05); --shadow-md:0 10px 24px rgba(6, 32, 35, 0.08);
  --shadow-lg:0 18px 38px rgba(6, 32, 35, 0.12);
  --transition-fast:all .15s ease; --transition-normal:all .2s ease;
  --header-height:56px; --sidebar-width:224px; --sidebar-collapsed-width:64px;
}