:root {
    
  }

html:root { --color-primary-50: #edf5f8;
--color-primary-100: #d4e8ef;
--color-primary-200: #a9d1df;
--color-primary-300: #7eb9cf;
--color-primary-400: #53a2bf;
--color-primary-500: #2b5871;
--color-primary-600: #244b61;
--color-primary-700: #1d3e51;
--color-primary-800: #163141;
--sidebar-bg-from: #0c2230;
--sidebar-bg-to: #132d3e;
--sidebar-text: #8eaab8;
--sidebar-item-active-bg: rgba(59, 183, 230, 0.15);
--sidebar-accent: #3bb7e6;
--sidebar-accent-subtle: rgba(59, 183, 230, 0.2);
--sidebar-border-subtle: rgba(59, 183, 230, 0.08);
--sidebar-section-label: #4d7a8e;
--sidebar-version-text: #3d6a7e;
--sidebar-logo-bg: #0a1e2c;
--toggle-btn-bg: #1a3a4e;
--toggle-btn-color: #8eaab8;
--toggle-btn-border: rgba(59, 183, 230, 0.15);
--toggle-btn-hover-bg: #224a5e;
--toggle-btn-hover-color: #3bb7e6;
--surface-bg: #f1f4f6;
--ant-primary-color: #2b5871;
--ant-primary-color-hover: #3bb7e6;
--ant-primary-color-active: #244b61;
--ant-primary-color-outline: rgba(43, 88, 113, 0.2); }

/** login-logo-bg */
app-blank-card-wrapper .flex.justify-center.mb-5 { background: #163141; border-radius: 12px; padding: 16px 24px; }

/** login-footer-text */
app-blank-card-wrapper > div > div > .text-center.mt-6 { color: rgba(255, 255, 255, 0.85); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }